本文實例分析了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程序設計有所幫助。
新聞熱點
疑難解答
