AngularJS:$resource未调用自定义方法

AngularJS: $resource custom methods not being called

本文关键字：调用 自定义方法 resource AngularJS      更新时间：2023-09-26

>我定义了一个资源，我已经为其定义了自定义方法。在我的模板中，我无法点击此方法。我的代码如下所示。未调用 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() ->完美运行

你的问题是：

  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/

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

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

}）;

也许这就是未调用自定义方法的原因。

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

相关文章：