角度后续模块工作

问题描述：

在这个例子中，为什么不是第二个模块工作？角度后续模块工作

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}}

你确定这是正确的JSFiddle吗？因为它与您的问题中的代码不一样 –

[如何在一个页面中定义两个角度应用程序/模块？]的可能重复（http://*.com/questions/12860595/how-to-define-two- – sheilak

我已更正小提琴链接 – PeteGO

答

不幸的是，这是不可能的。一个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/

您可以在一个HTML页面中有多个ngApp指令，但只有一个AngularJS应用程序可以自动引导。 – sheilak

对不起，我错过了 - 我将这个信息添加到我的答案。谢谢你的提示。 – FlorianTopf

角度后续模块工作

相关推荐