AngularJS：$resource 自定义方法没有被调用

Question

我定义了一个资源，为此我定义了一个自定义方法。 在我的模板中，我无法使用此方法。 我的代码看起来像这样。未调用 getName() 函数。我在这里想念什么

personservices.factory("Person", ["$resource", function($resource) {
  var Persons =  $resource("", {}, {
  query: {method:'GET'}
});                                                       

 Persons.prototype.getName = function () {
   /* do something */ 
   return name;
  }
  return Persons;
}]); 


<ul>
  <li ng-repeat="person in persons">
    {{ person.getName() }} -> not being called
    {{ person.id }} 
  </li>
</ul>

$scope.Persons = Person.query() -> 完美运行

Answer 1

你的问题是：

1. 您需要人员列表，但返回的数据不是列表。因此，您可以在服务中使用transformResponse 将对象转换为数组。

2. 函数getName 应该返回this.name，而不是name。

   app.factory("Persons", ["$resource", function($resource) {
       var Persons =  $resource("", {}, {
           query: {
               method:'GET',
               isArray: true,
               transformResponse: function(data, header) {
                   return angular.fromJson(data).items;
               }
           }
       });                                                       
   
       Persons.prototype.getName = function () {
           /* do something */ 
           return this.name;
       }
   
       return Persons;
   }]);
   

这是一个 JSFiddle 示例：http://jsfiddle.net/9JFhA/1/

Answer 2

您的示例服务定义得几乎完美，我所做的唯一更改是在您的自定义 query 函数中添加了一个isArray: true，因为它返回一个人员列表。

var Persons =  $resource("/person", {}, {
query: {method:'GET', isArray: true}

});

也许这就是您的自定义方法没有被调用的原因。

看看我制作的工作 plunker：http://plnkr.co/edit/2i7IHs?p=preview，它在 $resource 服务中测试自定义方法的功能。