POST to nested RESTful resources with $resource parameter mismatch - AngularJS

Question

I'm trying to using the $resource library of angular, to POST data to a nested resource.

My following nested resource of event looks like so

events/:eventId/match - POST
events/:eventId/match - GET
events/:eventId/match/:matchId - GET

I set up a service with angular

app.factory('EventService', ['$resource', function ($resource) {

            var Event = $resource('/events/:eventId', {eventId: '@id'},
                          {
                            createMatches: {
                               url: '/events/:eventId/match',
                               method: 'POST'
                            }
                        );

            return {

                 createMatches: function(data,event_id) {

                      var data.eventId = event_id;
                      return Event.createMatches(data).$promise;

                 } 
            }

});

Controller where it has been called:

app.controller('EventController', ['$scope','EventService', function($scope,EventService) {

    $scope.create = function(event_id,title,description) {

        EventService.createMatches({
            title:title,
            description: description
        },event_id).then(function(result) {

            console.log('event_created', result);
        })
    }

}]);

Problem

When I send the request to the server I expect the url that looks like so: /events/10/match

But instead the resource doesn't add the eventId as a parameter of the url but add it as a parameter of the request, for this reason my call fail because the url looks like so: /events/match.

I can't understand why it doesn't bind the :eventId to the url. Any suggest will be appreciated.

Done, I update the question with the function where I call the factory — Fabrizio Fenoglio
– Fabrizio Fenoglio, Commented Jan 10, 2015 at 17:14

TommyMac · Accepted Answer · 2015-01-10 21:49:30Z

0

I believe that you are missing your second parameter decalaration, as per this link for the actions you are defining:

app.factory('EventService', ['$resource', function ($resource) {

    var Event = $resource('/events/:eventId', {eventId: '@id'},
                  {
                    createMatches: {
                       url: '/events/:eventId/match',
                       method: 'POST',
                       params: {eventId: '@id'}
                    }
                );

    return {

         createMatches: function(data,event_id) {

              var data.eventId = event_id;
              return Event.createMatches(data).$promise;

         } 
    }

});

answered Jan 10, 2015 at 21:49

TommyMac

2991 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

POST to nested RESTful resources with $resource parameter mismatch - AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related