AngularJS：サービスへのグローバルアクセス？

Question

私はシンプルな設定をしていますが、私はおそらく "JSプログラマのように思っていません"。ページごとに複数のコントローラがあり、すべてがPHPにajaxingするルーチンを呼び出します。下の簡略化されたバージョン。それは機能していますが、私は明らかに正しく設定していません。なぜなら、これらのサービスオブジェクトをすべて1回の呼び出しに渡す必要があるからです。これはどのように設定する必要がありますか？

app.controller('ctrlA', $scope, $http, $location, $sce) { 
    app.db_read($scope, $http, {param: 1}, $sce, 
     function() {// succeeded}, 
     function() {// failed} 
    ) 
} 

app.controller('ctrlB', $scope, $http, $location, $sce) { 
    app.db_read($scope, $http, {param: 1}, $sce, 
     function() {// succeeded}, 
     function() {// failed} 
    ) 
} 
... 
app.db_read = function($scope, $http, payload, $location, $sce) { 
    $http.post('url', {request: 'read', data: payload}) 
     .then(function(data) {$scope.data = data}, 
     function(error) {$scope.displayError = $sce.trustAsHtml(error)} 
    ) 
} 

私はこの質問を見て：Instantiate global services in AngularJS ...答えは、として表示され、「サービスが角でシングルトンなので、あなたがそれらを必要とする、これまであなただけのどこにそれらを注入しなければなりません。」 残念ながら、db_read関数にサービスを "注入"する方法がわかりません。ご協力ありがとうございました。

Answer 1

あなたがリンクしている投稿に記載されているサービスは、現在あなたの機能に渡しているサービスオブジェクト（Angularで提供されているサービス）ではなくカスタムサービスです。

Angularで使用される一般的なパターンは、db_read関数をサービスオブジェクトを返すファクトリ関数に配置するために使用されます。

app.factory('dbservice', function($http) { 

    return { 
     db_read: function(payload) { 
      return $http.post('url', {request: 'read', data:payload}) 
     } 
    } 

}) 

コントローラに注入するのは工場出荷時の機能です。

<button ng-click="read({param: 1})"></button> 

またはあなたのコントローラ内から：あなたは、あなたのコントローラのテンプレートからペイロードを渡すことができます

app.controller('ctrlA', function($scope, $sce, dbservice) { 

    $scope.read = function(payload) { 
     return dbservice.db_read(payload) 
      .then(function(data) {$scope.data = data}, 
      function(error) {$scope.displayError = $sce.trustAsHtml(error)) 
    } 
}) 

var payload = {param: 1} 
    return dbservice.db_read(payload) 
     .then(function(data) {$scope.data = data}, 
      function(error) {$scope.displayError = $sce.trustAsHtml(error))