examples/angular-example-resource.html

<html ng-app="angularexample">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-resource.min.js"></script>
<script type="text/javascript">
var angularExample =angular.module('angularexample',["ngResource"]);
angularExample.controller("MainCtrl",["$resource","$scope",function($resource,$scope){
	var vegetableCollection =  $resource("/api/vegetables/");
	var vegetableResource = $resource("/api/vegetables/:_id/",{_id:'@_id'},{update: { method: 'PUT' }});
	$scope.vegetables = vegetableCollection.query(function(){});
	$scope.save = function(vegetable){
		vegetableResource.update({_id:vegetable._id},vegetable)
	}
	$scope.add = function() {
		var newResource = new vegetableResource($scope.newVegetable);
		newResource.$save(function(){
			$scope.vegetables.push(newResource);
		});
	}

}])

</script>
</head>

<body>
<div ng-controller="MainCtrl">
	<div ng-repeat="vegetable in vegetables">
		name is: {{vegetable.name}}.<br/>
		change name:<input type="text" ng-model="vegetable.name"/><button type="submit" ng-click="save(vegetable)">update</button>
	</div>
	<div>
		add new: <br/>
		<input type="text" ng-model="newVegetable.name"/><button type="submit" ng-click="add()">add</button>
	</div>
</div>
</body>
</html>