javascript - AngularJS の複数の ng-app の共通コントローラー

Question

複数の ng-app スコープでアクセスする必要がある共通のコントローラーがあります

元：

コントローラ

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

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

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

これは機能していません。スコープを 1 つの ng-app のように設定できます

angular.module('firstApp', [])

しかし、コントローラーをすべてのng-appの共通コントローラーとして作成するにはどうすればよいですか?

score 7 · Accepted Answer

3 番目のモジュールを作成し、そのモジュールでコントローラーを定義します。作成した 2 つの ngApp モジュールで新しいモジュールを参照します。また、コントローラは、モジュールコントローラメソッドを使用して定義する必要があります。

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

}]);

次に使用します

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