AngularJS框架的ng-app指令与自动加载实现方法分析
2017-01-04 10:57
1136 查看
本文实例分析了AngularJS框架的ng-app指令与自动加载实现方法。分享给大家供大家参考,具体如下:
ng-app是angular的一个指令,代表一个angular应用(也叫模块)。使用ng-app或ng-app=""来标记一个DOM结点,让框架会自动加载。也就是说,ng-app是可以带属性值的。如果想要实现自动加载,那么就不能让ng-app带有属性值。
<html> <body ng-app> <div>div1:{{1+3*2}}</div> <script src="angular.js"></script> </body> </html>
1、不含ng-app,无法自动加载,这个比较好理解。
<html> <body> <div>div1:{{1+3*2}}</div> <script src="angular.js"></script> </body> </html>
2、含有2个ng-app,那么只会自动加载第一个,这个也好理解。
<html> <body> <div ng-app>div1:{{1+3*2}}</div> <div ng-app>div2:{{1+3*2}}</div> <script src="angular.js"></script> </body> </html>
3、ng-app带有属性,不能自动加载
<html> <body> <div ng-app="app1">div1:{{1+3*2}}</div> <script src="angular.js"></script> </body> </html>
4、不带属性的在前,带属性的在后。ng-app标记的模块可以自动加载
<html> <body> <div ng-app>div1:{{1+3*2}}</div> <div ng-app="app1">div1:{{1+3*2}}</div> <script src="angular.js"></script> </body> </html>
5、带属性的在前,不带属性的在后。ng-app标记的模块不能自动加载
<html> <body> <div ng-app="app1">div1:{{1+3*2}}</div> <div ng-app>div1:{{1+3*2}}</div> <script src="angular.js"></script> </body> </html>
第4和5两种情况很奇怪,不应该有这种顺序的区别,也没有必要这样区分,猜测应该是框架的bug。有人明白的话,欢迎指教。
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
- AngularJS使用ng-app自动加载bootstrap框架问题分析
- (三)ng-app的使用困惑和angularJS框架的自动加载
- (五)带属性值的ng-app指令,实现自定义模块的自动加载
- 在React框架中实现一些AngularJS中ng指令的例子
- AngularJS封装指令实现下拉刷新自动翻页加载数据
- AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
- Laravel 框架 自动加载实现分析
- AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
- AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
- 在React框架中实现一些AngularJS中ng指令的例子
- Laravel框架中composer自动加载的实现分析
- Java基础---基础加强---增强for循环、自动拆装箱及享元、枚举的作用、实现带有构造方法、透彻分析反射的基础_Class类、成员变量的反射、数组参数的成员方法进行反射、数组的反射应用
- Zend Framework 自动加载类的实现方法
- 用js实现在加载完成一个页面后自动执行一个方法
- Android 下拉刷新框架实现、仿新浪微博、QQ好友动态滑到底部自动加载
- TabPageIndicator + ViewPager + FragmentPagerAdapter + Fragment分析APP主框架实现
- ANGULARJS中用NG-BIND指令实现单向绑定的例子
- jQuery实现新浪微博自动底部加载的方法
- TabPageIndicator + ViewPager + FragmentPagerAdapter + Fragment分析APP主框架实现