Angular-使用自定义方法扩展$ resource子对象

Question

在大多数情况下，<custom-resource>.query()方法的结果是一个数组，可以使用以下（工厂）代码通过某些方法（业务逻辑）轻松扩展该数组：

var Data = $resource('http://..');
Data.prototype.foo = function() {return ...};

这非常适合与ng-repeat / ng-class一起使用，如下所示：

<tr ng-repeat="item in responseData" ng-class="{warning: item.foo()}">..</tr>

我的问题是， 每个列表响应都封装 在一个对象中，该对象除了实际列表之外，还具有一些元属性（排序信息等），因此返回的最终对象是这样的：

{ order_field: "name", items: [{..}, {..},{..}] }

现在，如何使用ng-repeat / ng-class做与以前相同的事情？

<tr ng-repeat="item in responseData.items" ng-class="????">..</tr>

先前的方法将无效，因为“ foo”方法是responseData在item对象上定义的，而不是在对象上定义的

有什么方法可以直接扩展用于实例化列表中对象的基类？

谢谢！

Answer 1

transformResponse正如约翰·莱德贝特（John Ledbetter）在另一个答案中所说，我以前已经发现了这个问题，解决方案似乎是。

无论如何， 如果您需要保留整个对象 ，并且还 需要 在“项目”中的数组中填充资源实例，则可以使用以下技巧来做到这一点：

以约翰的回答为例，并对其进行一些修改：

angular.module('foo')

  .factory('Post', ['$resource', function($resource) {

    var Post = $resource('/api/posts/:id', { id: '@id' }, {
      query: {
        method: 'GET',
        isArray: false, // <- not returning an array
        transformResponse: function(data, header) {
          var wrapped = angular.fromJson(data);
          angular.forEach(wrapped.items, function(item, idx) {
             wrapped.items[idx] = new Post(item); //<-- replace each item with an instance of the resource object
          });
          return wrapped;
        }
      }
    });

    Post.prototype.foo = function() { /* ... */ };

    return Post;
  }]);