角型サービスをまとめて複数のコントローラに注入する

Question

私は現在、ベストプラクティスとJohnPapaのスタイルガイドに従い、当社のすべてをリファクタリングしようとしています。つまり、setTimeoutから$timeout、setIntervalに切り替えるはずです。 $intervalなど

しかし、私はそれが毎回これらのサービスを注入しなければならないのは、疲れて、厄介で、直感に反していることがわかります。この結果、コントローラの宣言が繰り返し繰り返され、要素の半分が役に立たず、明白になります。

angular.module('myModule',[]) 
    .controller('MyController', ['$scope', '$http', '$timeout', '$interval', MyController]) 
    .controller('MyController2', ['$scope', '$http', '$timeout', '$interval', MyController2]) 
    .controller('MyController3', ['$scope', '$http', '$timeout', '$interval', MyController3]) 

私はこの醜いと維持する痛みを見つける;これが私がいつもsetTimeoutよりも$timeoutを好む理由ですが、今私は改善しようとしています。

サービスを "一括注入"する方法はありますか？以下のような例を何かのために

：

var baseServices = { 
    http: $http, 
    scope: $scope, 
    timeout: $timeout, 
    interval: $interval, 
}; 

angular.module('myModule',[]) 
    .controller('MyController', ['baseServices', MyController]) 
    .controller('MyController2', ['baseServices', MyController2]) 
    .controller('MyController3', ['baseServices', MyController3]) 

var MyController = function(baseServices){ 
     baseServices.$timeout(...); 
} 

これはリモートで可能なものですか？

Answer 1

たぶん、あなたはグループにすべてのこれらのサービスをファクトリを使用して、代わりに `baseServices`のためだけにオブジェクトのコントローラー

angular.module('myModule',[]) 
    .controller('MyController', ['baseServices', MyController]) 
angularApp.factory('baseServices', baseServices); 
function baseServices ($scope, $http, $timeout, $interval) { 
     return { 
      scope: $scope, 
      http: $http, 
      timeout: $timeout, 
      interval: $interval 
     }; 
}