javascript - 从服务获取数据

Question

这是我的 Controller 和服务:

var app = angular.module('myApp', ['ui.bootstrap']);

app.service("BrandService", ['$http', function($http){
this.reloadlist = function(){
    var list;
     $http.get('/admin.brands/getJSONDataOfSearch').
        success(function(data, status, headers, config) {
          list = data;
        }).
        error(function(data, status, headers, config) {

        });
     return list;
};

}]);

app.controller('BrandsCtrl', ['$scope','$http','$controller','BrandService', function($scope, $http, $controller, BrandService) {
    $scope.brands = BrandService.reloadlist();
    angular.extend(this, $controller("BrandCtrl", {$scope: $scope}));
}]);

我搜索了这个问题并尝试了问题的答案，但我无法得到解决方案。我是 Angular 新手，所以你能详细解释一下吗？为什么我无法通过这种方式将数据从服务获取到 Controller ？

Answer 1

用于数据的返回用于函数的回调。您必须像这样使用 $http 返回的 promise 。

在您的服务中返回 promise :

return  $http.get('/admin.brands/getJSONDataOfSearch').
            success(function(data, status, headers, config) {
              return data;
            }).
            error(function(data, status, headers, config) {

            });

在 Controller 中的 Promise 上使用 then() :

  BrandService.reloadlist()
     .then(function (data){
       $scope.brands = data;      
     });