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

Question

如何在一个页面中定义两个角度应用程序/模块？我正在尝试将两个角度应用/模块添加到一个页面。在下面的小提琴中，您可以看到始终只有html代码中引用的第一个模块才能正常工作，而第二个模块不会被angular识别。在这个小提琴中，我们只能执行该doSearch2方法，而在这个小提琴中，只有doSearch方法才能正常工作。我正在寻找如何正确地将两个角度模块放入一页的方法。

Answer 1

为什么要使用多个[ng-app]？由于使用模块恢复Angular，您可以使用使用多个依赖项的应用程序。

使用Javascript：

// setter syntax -> initializing other module for demonstrationangular.module('otherModule', []);angular.module('app', ['otherModule']).controller('AppController', function () {
    // ...do something});// getter syntaxangular.module('otherModule').controller('OtherController', function () {
    // ...do something});

HTML：

<div ng-app="app">
    <div ng-controller="AppController">...</div>
    <div ng-controller="OtherController">...</div></div>

编辑

请记住，如果要在控制器内部使用控制器，则必须使用controllerAs语法，如下所示：

<div ng-app="app">
    <div ng-controller="AppController as app">
        <div ng-controller="OtherController as other">...</div>
    </div></div>