AngularJs中一些指令的解释

AngularJs中的ng-app

  • ng-app
ng-app是angular的一个指令,代表一个angular应用(也叫模块)。使用ng-app或者ng-app=""来标记一个DOM结点,让框架会自动加载,也就是说ng-app是可以带属性的。下面对ng-app的一些情况分析整理一下。
  1. 不写ng-app,那么无法加载对应的代码,因为了标记ng-app指令的作用就是要告诉angularjs,当前标记的这个元素是angularjs的所有者。
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <metacharset="utf-8">
  5. <scriptsrc="../js/angular.js"></script>
  6. </head>
  7. <body>
  8. <div>
  9. <p>姓名21111:{{1+2}} </p>
  10. </div>
  11. </body>
  12. </html>
   2.含有两个ng-app,那么只会自动加载第一个
例子:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <metacharset="utf-8">
  5. <scriptsrc="../js/angular.js"></script>
  6. </head>
  7. <body>
  8. <divdata-ng-app="">
  9. <p>姓名21111:{{1+2}} </p>
  10. </div>
  11. <divdata-ng-app="">
  12. <p>姓名33333:{{2+2}} </p>
  13. </div>
  14. </body>
  15. </html>
加载效果:
    3.ng-app如果带有属性,不能自动加载
例子代码:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <metacharset="utf-8">
  5. <scriptsrc="../js/angular.js"></script>
  6. </head>
  7. <body>
  8. <divdata-ng-app="app">
  9. <p>姓名21111:{{1+2}} </p>
  10. </div>
  11. </body>
  12. </html>
加载效果:
    4.不带属性的要放在前面,带属性的放在后面,用ng-app标记的可以自动加载。
原文地址:https://www.cnblogs.com/yaoxiaoxing/p/5646190.html