サービスからコントローラにデータを正しく渡す方法

Question

私のHTTPサービスから自分のコントローラにデータを送信しようとしています。サービスはデータを正しく取得しますが、コントローラに送信されません。

質問が非同期的に行われていることがわかりました。そのため、私は$ q.deferを使用しようとしています。 私は同様の質問で提供されている例に従ってみました：AngularJS $http call in a Service, return resolved data, not promises、それでも動作しません。ここで

は私のサービスです。

.service("builds", ['$http', '$q', function($http, $q) { 
    var deferred = $q.defer(); 

    $http({ 
     method:'GET', 
     url: '/builds', 
     cache : true 
    }).success(function(data) { 
     deferred.resolve(data); 
    }).error(function(msg){ 
     deferred.reject(msg); 
    }); 
    console.log(deferred.promise); 
    return deferred.promise;}]); 

そして、ここで私のrouteProvider

$routeProvider. 
    when('/builds', { 
     controller: ['$scope', 'buildsData', function ($scope, buildsData) { 
      console.log("In routeprovider:" + buildsData); 
      $scope.allBuilds = buildsData; 
     }], 
     template: '<build-list></build-list>', 
     resolve: { 
      buildsData: ['builds', function(builds){ 
       return builds; 
      }] 
     } 
    }) 

そして最後にここに私のコントローラの抜粋です：

var app = angular. 
module('buildList'). 
    component('buildList', { 
    templateUrl: 'build-list/build-list.template.html', 
    controller: function BuildListController($scope, $window,$location,$cookies, builds) { 
    console.log($scope.allBuilds); 
    $scope.league = $scope.allBuilds; 

Answer 1

as @vishalと言うとき

一般的に、サービスにはgetおよびsetメソッドが多数あることがあります（これはベストプラクティスを意味します）。

のgetData

function getData() 
{ 
    $http({ 
     method:'GET', 
     url: '/builds', 
     cache : true 
    }) 
} 

が、あなたは、あなたがサービスを呼び出す必要があり、このサービスを注入し、その後

builds.getData().then(function(s){ 
//result 

},function(e){ 

//error 
} 
); 

Answer 2

あなたは

を持っているshouldntt

controller: ['$scope', 'buildsData', function ($scope, buildsData) { 
      console.log("In routeprovider:" + buildsData); 
      $scope.allBuilds = buildsData; 
     }], 

やその他のファイルのコントローラ：あなたはそれにいくつかの機能を追加したい場合は、直接、

$scope.allBuilds = buildsData; 

の横にあなたのコントローラで、その後

when('/builds', { 
     controller: 'BuildListController' 
     template: '<build-list></build-list>', 
     resolve: { 
      buildsData: ['builds', function(builds){ 
       return builds; 
      }] 
     } 
    }) 

とを行うことができます

、あなたサービスは次のようになります。

.service("builds", ['$http', '$q', function($http, $q) { 

     var deferred = $q.defer(); 

    getbuilds: function(){ 
     $http({ 
      method:'GET', 
      url: '/builds', 
      cache : true 
     }).success(function(data) { 
      deferred.resolve(data); 
     }).error(function(msg){ 
      deferred.reject(msg); 
     }); 
     console.log(deferred.promise); 
     return deferred.promise;}]); 
    }