How to use path variable instead of request parameter with AngularJS $resource

Question

There is probably an easy way to do this but I can't seem to find out how.

When I click on my delete button shown below angular hits the following url:

http://localhost:8080/rest/managedCourse?id=3

How can I get it to hit pass a path variable instead of a request parameter like this:

http://localhost:8080/rest/managedCourse/3

Heres my html:

<table>
    <tr ng-repeat="course in page.content">
        <td>{{course.title}}</td>
        <td>{{course.description}}</td>
        <td>{{course.creditValue}}</td>
        <td><button ng-click="remove(course.id)">Delete</button></td>
    </tr>
</table>

And here is my controller:

function ManagedCourseController($scope, $resource) 
{
    var ManagedCourse = $resource("rest/managedCourse/:courseId", {courseId:'@id'});

    $scope.page = ManagedCourse.getPage({"page.page": "0", "page.size": "3", "page.sort": "title", "page.sort.dir": "asc"});


    $scope.create = function (managedCourse) {
        ManagedCourse.create(managedCourse);
    }

    $scope.remove = function (courseId) {
        ManagedCourse.remove({id:courseId});
    }
}

bradgonesurfing · Accepted Answer · 2012-07-21 06:38:39Z

9

function ManagedCourseController($scope, $resource) 
{
    var ManagedCourse = $resource("rest/managedCourse/:courseId/:id", 
       {courseId:'@id'});
    ...

should do it

answered Jul 21, 2012 at 6:38

bradgonesurfing

32.4k20 gold badges125 silver badges236 bronze badges

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

5 Comments

testing123 Over a year ago

Will the /:id part just get ignored then? I just want to understand how that works.

bentolor Over a year ago

Though this seems to work, I'm also wondering how this works. The AngularJS documentation about $resource seems not to explain this behavior. It documents about excess values are added as query parameters but not how parts of the URL template are skipped

Stephane Over a year ago

And how would you do it for a custom action ?

Stephane Over a year ago

I find the example above confusing. One could assume the @id is related to the second path parameter.

Stephane Over a year ago

I successfully make use of a $resource with a path parameter without using the {courseId:'@id'} at all. And I wonder why the doc and the examples I see around all boast this.

Collectives™ on Stack Overflow

How to use path variable instead of request parameter with AngularJS $resource

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related