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

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

