AngularJS页面中的多个ng-app

Question

AngularJS页面中的多个ng-app我刚刚开始学习角JS，并创建了一些基本的示例，但是我仍然遇到了以下问题。我已经创建了2个模块和2个控制器。shoppingCart -> ShoppingCartControllernamesList -> NamesController每个控制器都有相关的视图。第一个视图呈现得很好，但第二个视图不是呈现。没有错误。http://jsfiddle.net/ep2sQ/请帮我解决这个问题。此外，是否有可能在视图中添加控制台以检查从Controller传递了哪些值。例如，在下面的div中，我们可以添加控制台日志并输出控制器值吗？<div ng-app="shoppingCart" ng-controller="ShoppingCartController"></div>

Answer 1

若要在HTML文档中运行多个应用程序，必须使用angular.bootstrap()

HTML

<!-- Automatic Initialization --><div ng-app="myFirstModule">
    ...</div><!-- Need To Manually Bootstrap All Other Modules --><div id="module2">
    ...</div>

JS

angular.
  bootstrap(document.getElementById("module2"), ['mySecondModule']);

---

原因是每个HTML文档只能自动引导一个AngularJS应用程序。第一ng-app在文档中找到的将用于将根元素定义为自动引导作为应用程序。

换句话说，虽然技术上每个页面可以有几个应用程序，但是只有一个ng-app指令会被角框架自动实例化和初始化。