AngularJS $resource RESTful example

最新推荐文章于 2025-11-21 15:06:53 发布

转载最新推荐文章于 2025-11-21 15:06:53 发布 · 3.8k 阅读

AngularJs 专栏收录该内容

47 篇文章

订阅专栏

本文详细介绍了如何使用AngularJS的$resource服务与REST风格的Web服务进行交互，包括如何定义待办事项DTO，以及如何实现待办事项的创建、获取、更新和删除操作。此外，还展示了如何使用$resource的开箱即用功能，如创建、更新和删除资源，以及自定义方法的使用。最后，对比了直接使用$http与$resource服务的优劣。

我想用$resource来叫我的REST风格的Web服务，（我还在工作），但我想看看，如果我得到了我的AngularJS脚本正确的第一。

该待办事项DTO有： {id, order, content, done}

:cmd 是这样我就可以打电话api/1/todo/reset清除数据库中的待办事项表。

这里是我的理解注释的代码：

function TodoService($resource) {
    var src = $resource('api/1/todo/:id:cmd',
              {id: "@id", cmd: "@cmd"}, //parameters default
              {
                ListTodos: { method: "GET", params: {} },
                GetTodo: { method: "GET", params: { id: 0 } },                            
                CreateTodo: { method: "POST", params: { content: "", order: 0, done: false } },
                UpdateTodo: { method: "PATCH", params: { /*...*/ } },
                DeleteTodo: { method: "DELETE", params: { id: 0 } },
                ResetTodos: { method: "GET", params: { cmd: "reset" } },
              });

    //Usage:

    //GET without ID
    //it calls -> api/1/todo
    src.ListTodos();

    //GET with ID
    //it calls -> api/1/todo/4
    src.GetTodo({ id: 4 });

    //POST with content, order, done
    //it calls -> api/1/todo
    src.CreateTodo({ content: "learn Javascript", order: 1, done: false });

    //UPDATE content only
    //it calls -> api/1/todo/5
    src.UpdateTodo({ id: 5, content: "learn AngularJS" }); 

    //UPDATE done only
    //it calls -> api/1/todo/5
    src.UpdateTodo({ id: 5, done: true });

    //RESET with cmd
    //it calls -> api/1/todo/reset
    src.ResetTodos();
}

$resource是为了从端点检索数据，处理它，它送回去。你有一些的，在那里，但你不是真的利用它，这是什么做的事。

它的优良会对您的资源的自定义方法，但是你不想错过的很酷的功能它配备了开箱即用的。

var Todo = $resource('/api/1/todo/:id');

//create a todo
var todo1 = new Todo();
todo1.foo = 'bar';
todo1.something = 123;
todo1.$save();

//get and update a todo
var todo2 = Todo.get({id: 123});
todo2.foo += '!';
todo2.$save();

//delete a todo
Todo.$delete({id: 123});

同样，在您张贴在OP什么的情况下，你可以得到一个资源对象，然后调用任何自定义的函数就可以了（理论上）：

var something = src.GetTodo({id: 123});
something.foo = 'hi there';
something.UpdateTodo();

我会尝试的开箱即用实施之前，我去了，发明了我自己的但是。如果你发现你没有使用任何$资源的默认功能，你应该只是使用$http 它自己。