Angular2 的出现，使得 Web 前端开发变得更加模块化和可复用。npm 是前端包管理工具，其提供了数千个有用的包，方便前端开发人员构建自己的应用程序。angular2-rest-service 就是其中一款顶级的 npm 包，可用于构建跨平台应用程序。在本篇文章中，将为大家详细介绍 angular2-rest-service 的使用方法和深度，以及如何使用它来构建自己的 RESTful 服务。
关于 angular2-rest-service
angular2-rest-service 是一款用于构建 RESTful 服务的 npm 包，它支持所有 HTTP 动词和 JSONP 协议。它基于 Angular Http 服务封装，并提供了许多可插拔和可扩展的功能。同时，它还简化了 Angular 路由器和 Http 服务之间的通信。
安装 angular2-rest-service
安装 angular2-rest-service 很简单，只需要在你的终端窗口中输入以下命令即可：
npm install angular2-rest-service --save
这个命令会将 angular2-rest-service 安装到你的项目中，并将其作为一个 npm 依赖保存在 package.json 中。
开始使用 angular2-rest-service
安装完 angular2-rest-service 之后，我们需要在我们的应用程序中引入该包，并在 NgModule 导入 HttpModule 和 angular2-rest-service。如下所示：
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ---------- - ---- ---------------- ------ - ------------------- - ---- ------------------------ ----------- -------- - -------------- ----------- ------------------- -- ------------- - ------------ -- ---------- - ------------ - -- ------ ----- --------- - -
如上所示，我们需要将 NgRestServiceModule 导入我们的 NgModule，并将 HttpModule 也导入，以便使用 Http 服务。当然，你也可以根据你的需求进行定制。
使用 angular2-rest-service
angular2-rest-service 的使用非常简单，我们可以通过依赖注入方式在我们的组件中使用。如下所示：
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - -------------- ------------- - ---- ------------------------
------------
--------- ---------
--------- ---------- ------------
--
------ ----- ------------ ---------- ------ -
------------------- ----- -------------- - -
---------- -
--------------------------------------------------------- ------------------
--------------------- ------------- -- -
------------------------ ----------
-- ------- -- -
----------------------- -------
---
-
-
--------- ------------ -
---
-如上所示，在我们的组件 AppComponent 中，我们通过依赖注入的方式将 NgRestService 注入到组件中。然后在 ngOnInit 方法中使用该服务，请求我们的 API。NgRestService 的 request 方法接收两个参数：请求 URL 和请求方法（RequestMethod）。我们可以将请求方法设置为 GET、POST、PUT、DELETE 和 JSONP 中的任何一种。我们还可以在 subscribe 回调中获取响应数据，并在错误回调中处理错误。同时，我们还定义了一个 SomeResponse 的接口来描述响应数据的类型。
总结
angular2-rest-service 是一个非常有用的 npm 包，它可以简化与 RESTful 服务之间的通信，并支持所有 HTTP 动词和 JSONP 协议。在本文中，我们对该包进行了详细的介绍，并提供了示例代码。希望这篇文章能够对大家理解和学习 angular2-rest-service 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055a3081e8991b448d7d31