Sử dụng $ resource.query, tôi muốn trả lại một đối tượng có chứa một mảng tài nguyên thực tế

Question

Theo mặc định, $resource.query() được thiết lập để mong đợi một mảng đối tượng trở thành đối tượng $resource. Để thích ứng với phân trang trong một cách yên tĩnh thoải mái, tôi đã GET /api/widgets endpoint tôi thành lập để trả lại đối tượng sau đây:

{ 
    currentPage: 1, 
    perPage: 20, 
    totalItems: 10039, 
    items: [{...}, {...}, {...}] 
} 

Có cách nào để làm cho nó để góc sẽ biết rằng items tài sản là mảng các mục là $resource đối tượng?

Answer 1

Bạn cần phải xác định hành động tùy chỉnh của riêng bạn.

Tôi tưởng tượng mã của bạn trông giống như sau:

factory('Widget', function($resource) { 
    return $resource('/api/widgets'); 
}); 

Thay đổi nó như thế này:

factory('Widget', function($resource) { 
    return $resource(/api/widgets, null, { 
    query: { 
     method: 'GET', 
     isArray: true, 
     transformResponse: function(data) { 
     return angular.fromJson(data).items; 
     } 
    } 
    }); 
}); 

Answer 2

dễ dàng là là sử dụng $resouce.get, nếu bạn wan để sử dụng truy vấn mà bạn có thể ghi đè behaivor đó.

$resource('/notes/:id', null, 
{ 
    'query': {method:'GET', isArray:false} 
}); 

chi tiết https://docs.angularjs.org/api/ngResource/service/ $ nguồn

Answer 3

Tôi chỉ có cùng một vấn đề, và tôi muốn đề xuất một giải pháp mà có thể là một tốt hơn một chút:

factory('Widget', function($resource) { 
    return $resource(/api/widgets, null, { 
     query: { 
      interceptor: { 
       response: function(response) { 
        return response.data.items; 
       } 
      } 
     } 
    } 
} 

Tôi nghĩ có thể tốt hơn, vì bạn đang sử dụng lại hành vi góc chuẩn iour (thực tế, thực hiện nhiều hơn một chút so với fromJson) và chặn kết quả đầu ra để lọc những gì bạn muốn.

Answer 4

tôi sử dụng mô hình này để truy vấn với thông tin phân trang.

module.config(function($resourceProvider){ 
    $resourceProvider.defaults.actions.query = { 
     method: 'GET', 
     interceptor: { 
      response: function(response) { 
       response.resource.$totalCount = response.data.totalCount; 
       response.resource.$limit = response.data.limit; 
       response.resource.$offset = response.data.offset; 
       return response.resource; 
      } 
     }, 
     transformResponse: function(data, headers, status) { 
      var out = angular.fromJson(data); 
      out.data.totalCount = out.totalCount; 
      out.data.limit = out.limit; 
      out.data.offset = out.offset; 
      return out.data; 
     }, 
     isArray: true 
    }; 
})