如何在一个页面中定义两个角度应用程序/模块？

Question

如何在一个页面中定义两个角度应用程序/模块？

我正在尝试将两个角度应用/模块添加到一个页面。在下面的小提琴中，您可以看到始终只有html代码中引用的第一个模块才能正常工作，而第二个模块不会被angular识别。

在这个小提琴中，我们只能执行该doSearch2方法，而在这个小提琴中，只有doSearch方法才能正常工作。

我正在寻找如何正确地将两个角度模块放入一页的方法。

Answer 1

为什么要使用多个[ng-app]？由于使用模块恢复Angular，您可以使用使用多个依赖项的应用程序。使用Javascript：//&nbsp;setter&nbsp;syntax&nbsp;->&nbsp;initializing&nbsp;other&nbsp;module&nbsp;for&nbsp;demonstrationangular.module('otherModule',&nbsp;[]);angular.module('app',&nbsp;['otherModule']).controller('AppController',&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;...do&nbsp;something});//&nbsp;getter&nbsp;syntaxangular.module('otherModule').controller('OtherController',&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;...do&nbsp;something});HTML：<div&nbsp;ng-app="app"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;ng-controller="AppController">...</div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;ng-controller="OtherController">...</div></div>编辑请记住，如果要在控制器内部使用控制器，则必须使用controllerAs语法，如下所示：<div&nbsp;ng-app="app"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;ng-controller="AppController&nbsp;as&nbsp;app"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;ng-controller="OtherController&nbsp;as&nbsp;other">...</div> &nbsp;&nbsp;&nbsp;&nbsp;</div></div>