我有一个显示项目列表的视图:
<li ng-repeat="item in items">{{item.name}}</li>
与此相关的服务是:
angular.module('itemService', ['ngResource']).
factory('Item', function($resource){
return $resource('/api/v1/item/:itemId', {}, {
query: {method:'GET', params:{itemId : ''}, isArray : true},
get: {method:'GET', params:{itemId : ''}, isArray : false},
save: {method:'POST', params:{itemId : ''}, isArray : false},
update: {method:'PUT', params:{itemId : '@_id.$oid'}, isArray : false}
});
});
最后,我在初始化控制器以加载项目列表时使用查询。
function ItemCtrl($scope, Item) {
$scope.items = Item.query();
....
在同一页面上,我可以创建新项目并调用save()
以将它们保存到服务器。但是当我这样做时,我想更新视图以显示新项目,而不是重新加载整个列表query()
。由于视图是官方记录,我假设在成功保存项目后,我应该将其推送到项目的末尾。这应该在完成后save()
完成,所以我想知道如何向保存函数添加/指定回调。
编辑:save()
返回已保存项目的副本(如果成功),以便我可以确保该项目已成功保存在服务器上。