AngularJS 之 $resource 用法-JavaScript中文网-JavaScript教程资源分享门户

AngularJS 是一款流行的前端框架，它提供了许多强大的工具来简化前端开发。其中之一就是 $resource，它是一个 AngularJS 内置的服务，用于处理 RESTful API 请求。

$resource 的基本用法

要使用 $resource，需要先在应用程序中注入它。注入后，可以使用 $resource 创建一个资源对象，如下所示：

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

myApp.factory('User', ['$resource', function($resource) {
    return $resource('/api/users/:id');
}]);

上面的代码定义了一个名为 User 的服务，它使用 $resource 创建了一个资源对象。这个资源对象可以用来访问 /api/users/:id 这个 RESTful API。:id 是一个占位符，可以在实际使用时替换成具体的值。

使用这个资源对象可以进行各种操作，如获取单个用户、获取用户列表、添加用户、删除用户等。下面是一些示例代码：

-- -------------------- ---- -------
-- ------
------------- --- -------------- -
    ------------------
---

-- ------
-------------------------- -
    -------------------
---

-- ----
--- ---- - --- ------
    ----- ------
    ---- --
---

------------------------- -
    ------------------
---

-- ----
---------------- --- ---------- -
    ----------------- ----------
---

上面的代码分别演示了获取单个用户、获取用户列表、添加用户和删除用户这四种操作。其中，User.get() 和 User.query() 方法返回的是一个 Promise 对象，可以使用 then() 方法来处理返回结果。而添加用户和删除用户这两种操作则需要使用 $save() 和 $delete() 方法。

$resource 的高级用法

除了基本用法之外，$resource 还有一些高级用法，可以让我们更加灵活地使用它。下面是一些示例代码：

自定义 URL

有时候，我们需要自定义 URL，而不是使用默认的 URL。这时候可以使用 $resource 的第二个参数来指定 URL：

myApp.factory('User', ['$resource', function($resource) {
    return $resource('/api/users/:id', {id: '@id'}, {
        update: {
            method: 'PUT',
            url: '/api/users/:id/update'
        }
    });
}]);

上面的代码定义了一个名为 User 的服务，它使用 $resource 创建了一个资源对象。这个资源对象的 URL 是 /api/users/:id，其中 :id 是占位符。另外，还定义了一个名为 update 的操作，它使用 PUT 方法请求 /api/users/:id/update 这个 URL。

自定义方法

有时候，我们需要自定义方法，而不是使用默认的方法。这时候可以使用 $resource 的第三个参数来指定方法：

-- -------------------- ---- -------
--------------------- ------------- ------------------- -
    ------ --------------------------- ---- ------- -
        ------- -
            ------- ------
            ---- -----------------------
        --
        ---- -
            ------- ------
            ---- --------------------
        -
    ---
----

上面的代码定义了一个名为 User 的服务，它使用 $resource 创建了一个资源对象。这个资源对象的 URL 是 /api/users/:id，其中 :id 是占位符。另外，还定义了两个操作，一个是名为 update 的操作，它使用 PUT 方法请求 /api/users/:id/update 这个 URL；另一个是名为 age 的操作，它使用 GET 方法请求 /api/users/:id/age 这个 URL。

使用拦截器

有时候，我们需要在请求或响应的过程中添加一些额外的处理逻辑，这时候可以使用拦截器。$resource 支持使用拦截器来对请求或响应进行处理。

-- -------------------- ---- -------
--------------------- ------------- ------------------- -
    ------ --------------------------- ---- ------- -
        ------- -
            ------- ------
            ---- -----------------------
        --
        ---- -
            ------- ------
            ---- --------------------
        -
    -- -
        ------------ -
            -------- ---------------- -
                -- -------------
                ------ -------
            --
            --------- ------------------ -
                -- -------------
                ------ ---------
            -
        -
    ---
----

总结

$resource 是一个非常强大的 AngularJS 服务，它可以方便地处理 RESTful API 请求。除了基本用法之外，$resource 还有一些高级用法，可以让我们更加灵活地使用它。掌握 $resource 的使用方法，可以大大提高我们的前端开发效率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/65fb673dd10417a222706887