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<!--&nbsp;Automatic&nbsp;Initialization&nbsp;--><div&nbsp;ng-app="myFirstModule"> &nbsp;&nbsp;&nbsp;&nbsp;...</div><!--&nbsp;Need&nbsp;To&nbsp;Manually&nbsp;Bootstrap&nbsp;All&nbsp;Other&nbsp;Modules&nbsp;--><div&nbsp;id="module2"> &nbsp;&nbsp;&nbsp;&nbsp;...</div>JSangular. &nbsp;&nbsp;bootstrap(document.getElementById("module2"),&nbsp;['mySecondModule']);原因是每个HTML文档只能自动引导一个AngularJS应用程序。第一ng-app在文档中找到的将用于将根元素定义为自动引导作为应用程序。换句话说，虽然技术上每个页面可以有几个应用程序，但是只有一个ng-app指令会被角框架自动实例化和初始化。