Question

56

AngularJS: transform response in $resource using a custom service

rated 0 times [ 59] [ 3] / answers: 1 / hits: 17939 / 10 Years ago, fri, february 21, 2014, 12:00:00

I am trying to decorate the returned data from a angular $resource with data from a custom service.
My code is:

angular.module('yoApp')

  .service('ServerStatus', ['$resource', 'ServerConfig', function($resource, ServerConfig) {

    var mixinConfig = function(data, ServerConfig) {

      for ( var i = 0; i < data.servers.length; i++) {

        var cfg = ServerConfig.get({server: data.servers[i].name});

        if (cfg) {

          data.servers[i].cfg = cfg;

        }

      }

      return data;

    };



    return $resource('/service/server/:server', {server: '@server'}, {

      query: {

        method: 'GET',

        isArray: true,

        transformResponse: function(data, header) {

          return mixinConfig(angular.fromJson(data), ServerConfig);

        }

      },

      get: {

        method: 'GET',

        isArray: false,

        transformResponse: function(data, header) {

          var cfg = ServerConfig.get({server: 'localhost'});

          return mixinConfig(angular.fromJson(data), ServerConfig);

        }

      }

  });

}]);

It seems I am doing something wrong concerning dependency injection. The data returned from the ServerConfig.get() is marked as unresolved.
I got this working in a controller where I do the transformation with

ServerStatus.get(function(data) {$scope.mixinConfig(data);});

But I would rather do the decoration in the service. How can I make this work?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

hallie

Add To Favorites

Follow

Total Points: 503

Total Questions: 114

Total Answers: 103

Location: Iraq

Member since Fri, Jun 5, 2020

4 Years ago

hallie questions

1 Uncaught TypeError: Cannot read properties of undefined (reading 'navigate')

Fri, Jan 28, 22, 00:00, 2 Years ago

1 isSameOrBefore implementation for date-fns

Fri, Jul 9, 21, 00:00, 3 Years ago

1 Module build failed when using mini-css-extract-plugin with postcss-loader for less

Thu, May 27, 21, 00:00, 3 Years ago

1 d3.js in Angular - Property 'event' does not exist on type 'typeof import

Wed, Nov 11, 20, 00:00, 4 Years ago

1 Uncaught SyntaxError: Unexpected token '< ' VueJS PWA

Fri, Mar 27, 20, 00:00, 4 Years ago

View All

answered 10 Years ago sageallenv · Accepted Answer

It is not possible to use the transformResponse to decorate the data with data from an asynchronous service.
I posted the solution to http://jsfiddle.net/maddin/7zgz6/.

Here is the pseudo-code explaining the solution:

angular.module('myApp').service('MyService', function($q, $resource) {

  var getResult = function() {

    var fullResult = $q.defer();

    $resource('url').get().$promise.then(function(data) {

      var partialPromises = [];

      for (var i = 0; i < data.elements.length; i++) {

        var ires = $q.defer();

        partialPromisses.push(ires);

        $resource('url2').get().$promise.then(function(data2) {

          //do whatever you want with data

          ires.resolve(data2);

        });

        $q.all(partialPromisses).then(function() {

          fullResult.resolve(data);

        });

        return fullResult.promise; // or just fullResult

      }

    });

  };

  return {

    getResult: getResult

  };

});