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/