成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁技術文章
文章詳情頁

angular.js - angular.module中模塊的名字一定要和ng-app屬性的值一樣嗎

瀏覽：156日期：2024-09-24 18:19:43

問題描述

例如ng-app='app',如果angular.module('app',[]);中的名字不定義為'app'的話會報錯。

問題解答

回答1：

ng-app 是整個angular應用的入口，他會根據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可能是不同的業務模塊，可以單獨作為一個angular.module，最后全部掛載在app模塊下。

-----------------------------------分割線---------------------------------------------------

以上是自動加載。如果采用手動加載，則不受名稱限制，不受app數量限制。

<!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.js - angular.module中模塊的名字一定要和ng-app屬性的值一樣嗎

以上例子，啟動了兩個angular app，且沒有使用ng-app指令。

回答4：

謝謝各位的耐心解答

回答5：

一定要一樣的 因為這是最首要的angular綁定

相關文章：