将多个角度模块/控制器注入同一页面

Question

我正在尝试将一个新的角度控制器注入一个下拉菜单，该菜单位于主要填充了另一个模块和控制器的视图中。到目前为止，它不起作用，我不知道为什么，必然。我没有使用路由或类似的东西， 纯粹调用html中的控制器和模块。我不太确定在哪里看。目前，我正在将ng-app注入到具有不同位置的div包装器中。但是，这不允许角度控制器和模块协同工作。这是我的代码片段：

search

Answer 1

在Angular docs here中，您可以阅读：

  

每个HTML文档只能自动引导一个AngularJS应用程序。在文档中找到的第一个ngApp将用于定义作为应用程序自动引导的根元素。要在HTML文档中运行多个应用程序，必须使用angular.bootstrap手动引导它们。

所以像你计划的那样自我启动是行不通的。此外，多个具有相同名称的ng-app也无法正常工作，ng-show（没有控制器和没有应用程序 - 不在您的标记中）无效，因为嵌套{{1} }不受支持。

手动引导语法如下：

ng-app

我不会像这样构建我的应用程序。只需创建一个应用程序模块，您可以将其他模块添加为依赖项。

e.g。 angular.element(document).ready(function() { angular.bootstrap(document, ['app']); });

我还建议您阅读一些AngularJs入门教程。例如PhoneCat tutorial。