JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS基础知识大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

angularJS定义和特点

1.google前端开源框架

2.MVVM(model View view-model)设计模式 : Model将和ViewModel互动(通过$scope对象),将监听Model的变化。这些可以通过View来发送和渲染,由HTML来展示你的代码

3.方便的REST

4.数据绑定和依赖注入

5.可以操作XML一样操作HTML,AngularJS通过自己的编译器和directives来完成相关的设置

6.模板被作为DOM元素传递到Angular的编译器

7.AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。

构建angularJS应用

添加Angular的

添加ng-app directive到标签

title"> 代码如下:

新建目录script和app.js文件,在app.js中定义和配置所有模块和依赖

title"> 代码如下:
stures' ]);

在模块app中定义控制器、服务、指令

title"> 代码如下:
http ) {} ) //控制器 app.service( 'MainSevicel',function() {} ) //服务 app.directive( 'dragToDismiss',function() {} ) //指令

在模块app中定义路由

title"> 代码如下:
{ $routeProvider.when('/',{templateUrl: 'index/home',reloadOnSearch: falsE}); $routeProvider.when('/scroll',{templateUrl: 'scroll.html',reloadOnSearch: falsE}); $routeProvider.when('/toggle',{templateUrl: 'toggle.html',reloadOnSearch: falsE}); $routeProvider.when('/tabs',{templateUrl: 'tabs.html',reloadOnSearch: falsE}); $routeProvider.when('/accordion',{templateUrl: 'accordion.html',reloadOnSearch: falsE}); $routeProvider.when('/overlay',{templateUrl: 'overlay.html',reloadOnSearch: falsE}); $routeProvider.when('/forms',{templateUrl: 'forms.html',reloadOnSearch: falsE}); $routeProvider.when('/dropdown',{templateUrl: 'dropdown.html',reloadOnSearch: falsE}); $routeProvider.when('/drag',{templateUrl: 'drag.html',reloadOnSearch: falsE}); $routeProvider.when('/carousel',{templateUrl: 'carousel.html',reloadOnSearch: falsE}); $routeProvider.when('/news/official_view',{templateUrl: '/news/official_view',reloadOnSearch: falsE}); });

待续。。下一步深入学习4.5两步,还有过滤器

大佬总结

以上是大佬教程为你收集整理的AngularJS基础知识全部内容,希望文章能够帮你解决AngularJS基础知识所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: