$resourceを使ったサンプルです。というかまだ殴り書きメモ。
RESTの仕様は$httpのときのサンプルとおなじく、
/api/hoge/ にHTTP GETすると一覧(JSON配列) /api/hoge/[id].json にGETすると詳細 /api/hoge/ にHTTP POST すると登録
こんなよくある仕様だとします。これらに対して、$httpのときのサンプル のときのようにサービスを定義しますが、$resourceはあらかじめ定義済みのメソッドがあり、それをそのまま利用するとして
hogeService.query(); hogeService.get(data); hogeService.save(postData);
こんな感じでサービスを呼び出せるようにします。
angular.module(APP_NAME) .factory('hogeService', ['$resource', function ($resource) { // Public API here return $resource('/api/hoge/:key.:ext', { }, { }) }]);
angular.module(APP_NAME) .controller('PasswordCtrl', ['hogeService', '$scope', function (hogeService, $scope) { // $resourceのサンプル $scope.hoges = hogeService.query(); $scope.addRow = function () { $scope.hoges.push($scope.postData); hogeService.save($scope.postData); }; $scope.delete = function (id) { console.log(id); var result = hogeService.get({key: id, ext: 'json'}, function () { alert(result.key); }); }; } ]) ;