標籤：ng-app疑問 angular自動載入
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。有人明白的話，歡迎指教。
（三）ng-app的使用困惑和angularJS架構的自動載入
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
