角度後續模塊工作

Question

在這個例子中，爲什麼不是第二個模塊工作？

JSFiddle example。

HTML

<div ng-app="My.App" ng-controller="MyController"> 
    Hello {{ test }} 
</div> 

<div ng-app="My.App2" ng-controller="MyController2"> 
    Hello {{ test2 }} 
</div> 

的Javascript

var MyApp = angular.module("My.App", []); 
var MyApp2 = angular.module("My.App2", []); 

MyApp.controller("MyController", function($scope) { 
     $scope.test = "Bob"; 
}); 

MyApp2.controller("MyController2", function($scope) { 
     $scope.test2 = "Bob"; 
}); 

結果

您好鮑勃

您好{{測試2}}

Answer 1

不幸的是，這是不可能的。一個HTML文檔中只能有一個ngApp指令。

請參見相應的文檔在這裏：https://docs.angularjs.org/api/ng/directive/ngApp

編輯： 有如下所述的另一種方式 - 在這裏你有angular.bootstrap手動引導第二模塊，請參閱： https://docs.angularjs.org/api/ng/function/angular.bootstrap

我已經更新您的jsfiddle：http://jsfiddle.net/U3pVM/20000/