在AngularJS多NG-应用通用控制器 [英] Common controller for Multiple ng-app in AngularJS

问题描述

我有一个共同的控制器，我需要在多个NG-应用范围访问

I have a common controller that I need access in multiple ng-app scope

例如：

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

首先NG-应用程序

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

第二次NG-应用程序

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

这是行不通的。我可以设置范围一NG-应用像

This is not working. I can set scope to one ng-app like

angular.module('firstApp', [])

但我怎样才能使控制器为所有NG-应用通用控制器？

But How can I make controller as common controller for all ng-app?

推荐答案

创建一个第三单元，并定义模块中的控制器。请参阅你已经创建的两个ngApp模块中的新模块。也控制器必须使用模块控制器的方法来限定。

Create a 3rd module and define the controller in that module. Refer the new module in the two ngApp module you have created. Also the controller has to be defined using the module controller method.

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

}]);

然后用

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

这篇关于在AngularJS多NG-应用通用控制器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！