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标记的可以自动加载。