使用AngularJS $资源的put操作的好例子

我一直在努力寻找使用AngularJS $资源的put操作的一致且好的例子.我想要更新的一个例子,但似乎不在这里: AngularJS PUT on voting application to REST Service

我的核心是,我需要了解表格提交或上述帖子中提到的投票申请中的最佳实践/正常方式.有没有人有一个很好的例子来证明一个看跌期权?

如果要在数据存储中创建新实体,则需要使用POST / save.如果要更新与数据存储中已存在实体关联的数据,则需要使用PUT / update.当您只想更新实体数据的子集时,通常会保留修补程序.

看看RFC

Several applications extending the Hypertext Transfer Protocol (HTTP)
require a feature to do partial resource modification. The existing
HTTP PUT method only allows a complete replacement of a document. This
proposal adds a new HTTP method,PATCH,to modify an existing HTTP
resource.

您将提供具有PUT和PATCH操作的id.你不会提供一个POST操作.

当我们加载我们的角形时,它通常采用两种方式之一.如果在我们创建新实体时加载表单,那么我们将没有id.我们将在控制器中知道这一点,并将调用resource.save.如果我们提供控制器加载表单,其中id用于从端点提取数据以填充表单,我们现在可以使用id来执行resource.update或resource.patch操作,具体取决于实体的数量我们正在更新.

这是一个处理更新和保存操作的示例保存功能.在这里,我们检查是否在我们进行资源调用之前通过路由提供了id.

angular.module('appModule').controller('ExampleCtrl',['$scope','$routeParams',function($scope,$routeParams) {

    $scope.saveForm = function () {

        //Do input validation before you make a resource call

        if ($routeParams.id) {
            //call resource update since we have an id
        }
        else {
            //call resource save since we don't have an id
        }
    };
}]);

这是angularjs文档中的示例:

如何创建自定义PUT请求:

var app = angular.module('app',['ngResource','ngRoute']);

// Some APIs expect a PUT request in the format URL/object/ID
// Here we are creating an 'update' method
app.factory('Notes',['$resource',function($resource) {
return $resource('/notes/:id',null,{
    'update': { method:'PUT' }
});
}]);

// In our controller we get the ID from the URL using ngRoute and $routeParams
// We pass in $routeParams and our Notes factory along with $scope
app.controller('NotesCtrl','Notes',$routeParams,Notes) {
// First get a note object from the factory
var note = Notes.get({ id:$routeParams.id });
$id = note.id;

// Now call update passing in the ID first then the object you are updating
Notes.update({ id:$id },note);

// This will PUT /notes/ID with the note object in the request payload
}]);

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...