En utilisant $ resource.query, je veux retourner un objet qui contient un tableau de la ressource réelle

Par défaut, le $resource.query() est mis en place pour s'attendre à un tableau d'objets qui deviennent $resource objets. Pour accueillir la pagination dans une belle, reposante façon, j'ai mon GET /api/widgets extrémité mis en place pour le retour de l'objet suivant:

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

Est-il un moyen de faire en sorte que angulaires savez que le items propriété est le tableau des éléments à $resource objets?

source d'informationauteur w.brian

  1. 22

    Vous devez spécifier votre propre action.

    J'imagine que votre code ressemble à ceci:

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

    Changer à cela:

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

    la facilité a été est d'utiliser $resouce.getsi vous wan pour utiliser une requête, vous pouvez remplacer le behaivor. 

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

    plus d'infos https://docs.angularjs.org/api/ngResource/service/$ressource

  3. 0

    J'ai juste eu le même problème, et je voulais proposer une solution qui pourrait être un peu mieux:

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

    Je pense que c'est peut être mieux, parce que vous êtes à la réutilisation de la norme angulaire de comportement (qui est, en fait, faire un peu plus que fromJson) et d'intercepter le résultat de sortie de filtrer ce que vous voulez.

  4. 0

    - Je utiliser ce modèle pour la requête avec la pagination informations.

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