如何正确地将数据从服务传递到控制器

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

正如@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; 
     }], 

，并在其他文件中的控制器：

您可以直接做

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

，然后在你的控制器

$scope.allBuilds = buildsData; 

旁边，如果你想添加一些功能吧，你的服务应该看起来像这样：

.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;}]); 
    }