javascript - AngularJS 中多个 ng-app 的通用控制器

Question

我有一个需要在多个 ng-app 范围内访问的通用控制器

前任：

控制器

function commonCtrl($scope){
    $scope.data = { message: "Hello World" };
}

第一个 ng-app

<div ng-app="firstApp">
    <div ng-controller="commonCtrl">
        <h1>{{data.message}}</h1>
    </div>
</div>

第二个 ng-app

<div ng-app="secondApp">
    <div ng-controller="commonCtrl">
        <h1>{{data.message}}</h1>
    </div>
</div>

这是行不通的。我可以将范围设置为一个 ng-app，例如

angular.module('firstApp', [])

但是我怎样才能让控制器成为所有 ng-app 的通用控制器呢？

Answer 1

创建第三个模块并在该模块中定义控制器。在您创建的两个 ngApp 模块中引用新模块。此外，必须使用模块控制器方法定义控制器。

var sharedModule=angular.module('shared',[]);
sharedModule.controller('commonCtrl',['$scope',function($scope) {

}]);

然后使用

angular.module('firstApp', ['shared']);
angular.module('secondApp', ['shared']);