获取数据后角度服务/工厂返回

Question

我知道这与使用 $q 和 promises 有关，但我已经使用了几个小时，仍然无法完全弄清楚它应该如何与我的示例一起使用。

我有一个包含所需数据的 .json 文件。我有一个有身份证的人的名单。我想要一个服务或工厂，我可以使用一个参数进行查询，该参数将 http.get 一个我拥有的 json 文件，根据参数对其进行过滤，然后将其发送回我的控制器。

angular
  .module("mainApp")
  .controller('personInfoCtrl',['$scope', '$stateParams', 'GetPersonData', function($scope, $stateParams, GetPersonData) {

    $scope.personId = $stateParams.id; //this part work great

    $scope.fullObject = GetPersonData($stateParams.id);
    //I'm having trouble getting ^^^ to work.  

    //I'm able to do
    //GetPersonData($stateParams.id).success(function(data)
                 //                      { $scope.fullObject = data; });
    //and I can filter it inside of that object, but I want to filter it in the factory/service
  }]);

在我的 main.js 中有

//angular.module(...
//..a bunch of urlrouterprovider and stateprovider stuff that works
//
}]).service('GetPersonData', ['$http', function($http)
{
  return function(id) {
      return $http.get('./data/people.json').then(function(res) {
        //I know the problem lies in it not 'waiting' for the data to get back
        //before it returns an empty json (or empty something or other)
        return res.data.filter(function(el) { return el.id == id)
      });
    }
}]);

过滤的语法和一切都在控制器中时效果很好，但我想在多个控件中使用相同的代码，所以我试图将它分解为服务（或工厂，我只是想要控制器看起来“干净”）。

我真的希望能够将“GetPersonData”注入控制器，然后调用 GetPersonData(personId) 来取回 json

Answer 1

您的服务中的过滤器功能似乎存在语法问题。

.service('GetPersonData', ['$http', function($http){
  return function(id) {
     return $http.get('./data/people.json').then( function (res) { 
           return res.data.filter(function(el) { return el.id == id });
      });
}}]);

但是关于原始问题，您无法真正访问您从函数返回的$q 承诺的success 属性，因为不存在此类属性，它仅存在于http 函数直接返回的承诺上.所以你只需要使用then 在你的控制器中链接它。

 GetPersonData($stateParams.id).then(function(data){ $scope.fullObject = data; });

如果您要从您的服务返回 return $http.get('./data/people.json')，那么您将看到 http 的自定义承诺方法 success 和 error。