Angularjs -将依赖注入多个控制器

Question

我仍然是angular的新手，并且一直在构建一个简单的CRM应用程序。对于单个资源(restful API资源)，我在angular应用程序中定义了3-4个路由和控制器。现在，有一组服务和模块我必须反复注入到每个控制器中。我知道每个控制器都有自己的作用域实例和工厂/服务的共享实例，但是有没有办法集中定义多个控制器的依赖关系呢？

在下面的示例中，$modal、growl、configuration和$scope被注入到所有3个控制器中，我只想定义一次。

列表控制器

myApp.controller('VenueListCtrl', ['$scope', '$http', 'configuration', '$modal', 'growl',
  function ($scope, $http, configuration, $modal, growl) {
  }
]);

创建/新建控制器

myApp.controller('VenueCreateCtrl', ['$scope', '$http', '$location', 'configuration',
  function ($scope, $http, $location, configuration) {
  }
]);

详细信息控制器

myApp.controller('VenueDetailCtrl', ['$scope', '$routeParams', '$http', '$modal', 'configuration',
  function ($scope, $routeParams, $http, $modal, configuration) {
  }
]);

Answer 1

你能做的最好的事情是:使用控制器的not-anonimus函数声明：

var depsToInject = ['$scope', 'growl', 'configuration', '$modal'];

myApp.controller('Ctrl1' , Ctrl1);

Ctrl1.$inject = depsToInject ;

function Ctrl1($scope, growl, configuration, $modal) {
    ....
}

myApp.controller('Ctrl2' , Ctrl2);

Ctrl2.$inject = depsToInject ;

function Ctrl1($scope, growl, configuration, $modal) {
    ....
}

等等。但这并不能完全统一声明，我认为没有更好的方法。但是，您可以尝试从另一方面并将您的依赖项包装为另一个依赖项，但我也不喜欢这种方式。