简介
@ngx-resource/handler-ngx-http-legacy 是一个基于 Angular 的前端 HTTP 请求库。它支持 Angular 5，6，7 版本，提供了强大的请求功能和非常简单易用的 API 接口。使用该库，你可以快速方便地发送 HTTP 请求，包括 GET、POST、PUT、DELETE 等方法。
安装
要使用该库，需要先安装 Angular，然后使用 npm 安装该库：
npm install @ngx-resource/handler-ngx-http-legacy --save
使用
1. 引入模块
请在 app.module.ts 中引入该模块：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - -------------- - ---- ----------------------------------------
-----------
-------- -
------------------------
--
--
------ ----- --------- - -2. 定义一个资源
您可以通过定义一个资源来使用该库，一个资源描述了一个 HTTP 请求：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - --------- -------------- - ---- ----------------------------------------
-------------
-----------------
---- --------------------------------
--
------ ----- ---------- ------- -------- -
-----------------
----- --------
--
------ ---------------- ----- ------ -- -----
-----------------
------- -------------------
----- ----------
--
------- ------------------- -----
-该资源提供了两个方法：query 和 create。其中 query 方法使用 GET 请求，create 方法使用 POST 请求。每个方法都可以设置请求路径（path）和请求参数类型和返回类型等信息。
3. 使用资源
在需要使用资源的地方注入该资源，并使用其方法：
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ---------- - ---- ----------------
------------
------------ ----------------------
--
------ ----- ----------- ---------- ------ -
------ ------
------------------- ----------- ----------- --
---------- -
----------------------- ----- - --------------------------- -- -
---------- - --------------
---
-
---------------- ------- -
------------------------ ---- --------------------------- -- -
-----------------------------
---
-
-在该组件中，我们注入了 MyResource，并使用其 query 和 create 方法发送 HTTP 请求，并在响应中处理数据。
示例代码
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - --------- -------------- - ---- ----------------------------------------
-------------
-----------------
---- --------------------------------
--
------ ----- ---------- ------- -------- -
-----------------
----- --------
--
------ ---------------- ----- ------ -- -----
-----------------
------- -------------------
----- ----------
--
------- ------------------- -----
-
------ - ---------- ------ - ---- ----------------
------ - ---------- - ---- ----------------
------------
------------ ----------------------
--
------ ----- ----------- ---------- ------ -
------ ------
------------------- ----------- ----------- --
---------- -
----------------------- ----- - --------------------------- -- -
---------- - --------------
---
-
---------------- ------- -
------------------------ ---- --------------------------- -- -
-----------------------------
---
-
-总结
@ngx-resource/handler-ngx-http-legacy 是一个十分强大且易用的前端 HTTP 请求库，它可以通过简单的 API 接口快速方便地发送 HTTP 请求。在实际项目中，使用该库可以大大提高开发效率，减少代码量，让开发者更有时间关注业务逻辑。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5b81e8991b448e5e4c