介绍
我们在前端开发中，使用 http 请求是一个必然的流程。而对于一个 web 开发者来说，Angular 无疑是一个非常流行和强大的框架。Angular 为我们提供了不止一种 http 请求方法，既可以使用内置的 HttpClient 服务，也可以为了更方便和灵活，使用由社区提供的像 angular4-http-wrapper 这样的第三方 npm 包。本文就来介绍如何使用 npm 包 angular4-http-wrapper, 以及它的深入学习和指导意义。
安装
首先需要引用 angular4-http-wrapper 的 npm 包，可以使用以下命令进行安装：
npm install --save angular4-http-wrapper
安装完成之后，我们需要将 http 模块导入我们的项目。
导入
在我们的根模块中（例如 app.module.ts），我们需要引入 HttpModule 和 HttpService，并将其放在 imports 数组中。
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ---------- - ---- ---------------- ------ - ----------- - ---- ------------------------ ------ - ------------ - ---- ------------------ ----------- ------------- - ------------ -- -------- - -------------- ---------- -- ---------- - ----------- -- ---------- - ------------ - -- ------ ----- --------- - -
或在相应的子模块中导入即可，也是类似操作。
使用
在导入完成之后，我们就可以在我们的组件、服务或者等等类中使用该服务提供的方法。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- ------------------------
--------- ---- -
--- -------
------ -------
----------- -------
----- -------
---------- -------
--------- ------
-
------------
--------- -----------
--------- -
------------------
----
--- ----------- ---- -- -------
-- ---------------------------
---- ----------------------- ------------------ -----------
----
-----------------------
--------------------
-----
-----
-
--
------ ----- ------------ -
----- - --------
------ ------ - ---
------------------- ------------ ------------ --
---------- -
----------------------------------------------------
---------------- -- ---------- - ------------
-
-在上面的示例中，我们可以看到如何使用 get 方法从远程服务器上获取数据。通过该示例，我们还可以看到使用 angular4-http-wrapper 引用 http 的便捷性。
深入学习
除了上面的方法之外，angular4-http-wrapper 还提供了一系列的方法，比如说 post, put, delete 等等。这些方法如何使用，请参见 API。
此外，不同于 Angular 自身的服务，例如 HttpClient ，支持各种类型的响应格式。angular4-http-wrapper 只支持返回 json 数据和返回空数据，如字符文本或二进制数据。我们需要在服务中使用自己的方法来解析返回的数据。
指导意义
angular4-http-wrapper 其实就是一个对 Angular http 的简单封装，对于很多小型项目和初学者来说，这种简单的封装非常方便。它能够提供一些便捷性，降低初学者的学习难度。
对于很多开发者来说，Angular 的自身的 http 就已经很好用了，而 angular4-http-wrapper 的代码量也不能小小的忽略。因此，在开发过程中，如果我们已经使用了自带的 http 库，那么就不需要再引入其他的库了。
结论
Angular4-http-wrapper 是一个简单而又好用的第三方 npm 包。它为初学者提供了便捷性和降低了学习难度的作用。但是，对于一些有经验的开发者而言，使用 Angular 本身自带的 http 库同样可以轻松趋势开发所需的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668781e8991b448e2bd2