Question

在这个例子中，为什么第二个模块不工作？

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";
});

结果

Hello Bob

您好{{test2}}

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/

角度后续模块工作

1 个答案: