$ resource.query का उपयोग करके, मैं उस ऑब्जेक्ट को वापस करना चाहता हूं जिसमें वास्तविक संसाधन

Question

डिफ़ॉल्ट रूप से $resource.query()$resource ऑब्जेक्ट्स बनने वाली ऑब्जेक्ट्स की एक सरणी की अपेक्षा करने के लिए सेट किया गया है। एक अच्छा, आरामदायक तरह से पेजिंग समायोजित करने के लिए, मैं अपने GET /api/widgets समाप्ति बिंदु की स्थापना की है निम्नलिखित वस्तु वापस जाने के लिए:

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

वहाँ इसे बनाने के लिए इतना है कि कोणीय पता चल जाएगा कि items संपत्ति की सरणी है एक रास्ता है आइटम $resource वस्तुओं के लिए?

Answer 1

आप अपनी खुद की कस्टम क्रिया निर्दिष्ट करने के लिए की जरूरत है।

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

इस लिए यह बदलें:

मैं अपने कोड कुछ इस तरह दिखता कल्पना

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

Answer 2

$resouce.get का उपयोग करना आसान था, यदि आप क्वेरी का उपयोग करना चाहते हैं तो आप उस बीहाइवर को ओवरराइड कर सकते हैं।

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

अधिक जानकारी https://docs.angularjs.org/api/ngResource/service/ $ संसाधन

Answer 3

मैं सिर्फ एक ही समस्या थी, और मैं एक समाधान है जो एक हो सकता है का प्रस्ताव करना चाहता था थोड़ा बेहतर:

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

मैं इसे बेहतर हो सकता है, क्योंकि आप मानक कोणीय बिहेव पुन: उपयोग कर रहे हैं लगता है iour (जो वास्तव में, fromJson से थोड़ा अधिक कर रहा है) और आउटपुट परिणाम को अवरुद्ध करने के लिए जो आप चाहते हैं उसे फ़िल्टर करना।

Answer 4

मैं पेजिंग सूचनाओं के साथ क्वेरी के लिए इस पैटर्न का उपयोग करता हूं।

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 
    }; 
})