angular.js - angular.module中模塊的名字一定要和ng-app屬性的值一樣嗎
問題描述
例如ng-app='app',如果angular.module('app',[]);中的名字不定義為'app'的話會報錯。
問題解答
回答1:
ng-app 是整個angular應用的入口,他會根據(jù)ng-app指定的名稱去尋找對應的angular模塊,如果不一致就無法找到對應的模塊進行初始化。所以應用的根模塊名稱必須和ng-app指定的名稱一致
回答2:
ng-app 是整個應用程序的入口,所以必須和入口的module名一致,一個應用程序只能有唯一一個ng-app
回答3:
一個angular應用中,可以有多個angular.module。應該有且只有一個angular.module的名稱與ng-app的值一致,否則就沒有意義了。
angular.module(’M1’,[]);angular.module(’M2’,[]);......angular.module(’Mn’,[]);angular.module(’app’,[’M1’,’M2’,...,’Mn’]);
M1,M2,...,Mn可能是不同的業(yè)務模塊,可以單獨作為一個angular.module,最后全部掛載在app模塊下。
-----------------------------------分割線---------------------------------------------------
以上是自動加載。如果采用手動加載,則不受名稱限制,不受app數(shù)量限制。
<!DOCTYPE html><html> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <script src='angular.min.js'></script><body> <p id='app1'><p ng-controller='myCtrl'> {{ hello }}</p> </p><p id='app2'><p ng-controller='myCtrl'> {{ hello }}</p> </p> <script type='text/javascript'>var app1 = angular.module('test1',[]);app1.controller('myCtrl',function($scope){ $scope.hello = 'a Angular app';});var app2 = angular.module('test2',[]);app2.controller('myCtrl',function($scope){ $scope.hello = ' another Angular app';});angular.bootstrap(document.getElementById('app1'),[’test1’]);angular.bootstrap(document.getElementById('app2'),[’test2’]); </script></body></html>
效果圖
以上例子,啟動了兩個angular app,且沒有使用ng-app指令。
回答4:
謝謝各位的耐心解答
回答5:
一定要一樣的 因為這是最首要的angular綁定
相關(guān)文章:
1. java - public <T> T findOne(T record) 這是什么意思2. css - 關(guān)于ul的布局3. javascript - 前端開發(fā) 本地靜態(tài)文件頻繁修改,預覽時的緩存怎么解決?4. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術(shù)嗎?5. java - new + 類名,一定需要申明一個對象嗎?6. docker不顯示端口映射呢?7. mysql數(shù)據(jù)庫每次查詢是一條線程嗎?8. python - linux怎么在每天的凌晨2點執(zhí)行一次這個log.py文件9. 如何分別在Windows下用Winform項模板+C#,在MacOSX下用Cocos Application項目模板+Objective-C實現(xiàn)一個制作游戲的空的黑窗口?10. 小程序怎么加外鏈,語句怎么寫!求救新手,開文檔沒發(fā)現(xiàn)
