Angularjs $resource dynamic headers with $save

Question

I am trying to add dynamic headers to a $resource like so:

angular.module('app')
 .factory('API', function ($resource, API_URL) {
  return {
   event: function(userId){
    return $resource(API_URL + '/event/:id', {
      id: '@id'
    }, {
      get: {
        method: 'GET',
        headers: {
          'service': 'API',
          'userId': userId
        }
      },
      save: {
        url: API_URL + '/event/:id/accept',
        method: 'PUT',
        headers: {
          'service': 'API',
          'userId': userId
        }
      }
    })
  }
 };
});

Using this allows me to pass in headers which works fine when using the get.

When I want to save a object this just returns undefined:

var event = new Muse.event('jonro')(object);

Could someone please help explain why I cant use $resource in this way.

Thanks

score 0 · Answer 1 · answered Nov 13 '15 at 11:11

0

'save' uses POST verb usually ($resource)

How do you call the save method? From the reference:

non-GET "class" actions: Resource.action([parameters], postData, [success], [error])

What does the Developer Tools says if you look your requests?

answered Nov 13 '15 at 11:11

Mat

2,156
2
16
29

event.$save({id: $stateParams.id}); – robinsio Nov 13 '15 at 12:21
This is how I call save on a new model object, this works without the dynamic headers – robinsio Nov 13 '15 at 12:21
Just saw your comments, as you already wrote in a reply you missed the object to save :) – Mat Nov 13 '15 at 14:06

score 0 · Answer 2 · answered Nov 13 '15 at 13:54

0

Fixed using this method for updates:

API.event('jonro').save({id: $stateParams.id}, object)

answered Nov 13 '15 at 13:54

robinsio

93
6

Angularjs $resource dynamic headers with $save

2 Answers2