简介
@bxmoninc/diapi是一个针对前端开发的npm包，用于在具有依赖注入功能的应用程序中发起HTTP请求的工具。该工具可以在注入的HTTP服务中进行请求，这样可以更加方便地进行HTTP请求操作。
安装
首先，在你的项目目录下，使用以下命令安装@bxmoninc/diapi：
npm install @bxmoninc/diapi --save
这里我们需要在app.module.ts文件中引入HttpClientModule模块：
-- -------------------- ---- ------- ------ - ---------------- - ---- ----------------------- ----------- ------------- ------ -------- ------------------ ----- ---------- ------ ---------- ----- -- ------ ----- --------- - -
在使用前，我们需要在HTTP模块中注入@bxmoninc/diapi服务。在任何组件中可以通过依赖注入DiapiService来使用：
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ------------ - ---- ------------------
------------
--------- -----------
------------ -----------------------
---------- -----------------------
--
------ ----- ------------ ---------- ------ -
------------------- ------------- ------------- --
---------- -
------------------------------------------------------------------ -- -
----------------------
---
-
-在上面的示例中，我们使用了get方法来获取远程http://api.example.com的数据。
@bxmoninc/diapi支持与HttpBackend、HttpRequest和HttpResponse进行合作。@bxmoninc/diapi内部封装了HttpHandler，因此我们可以直接在应用程序中使用它。
示例
接下来，我们将展示在组件中完成HTTP请求获取数据的简单示例。我们将使用一个接口服从我们的请求：
https://jsonplaceholder.typicode.com/posts
这里有一个简单的组件，它通过注入DiapiService来获取数据并响应数据：
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ------------ - ---- ------------------
------ --------- ---- -
------- -------
--- -------
------ -------
----- -------
-
------------
--------- --------------
--------- -
----
--- ----------- ---- -- --------- ---------- -------
-----
--
--
------ ----- ---------------- ---------- ------ -
------ ------ - ---
------------------- ------------- ------------- --
----------- ---- -
----------------
-
----------- ---- -
----------------------------------------------------------------------------------------- -- -
---------- - ----
-----------------
---
-
-在上面的代码中，我们使用了一个简单的GET请求来获取文章列表信息。使用diapiService.get('<url>')即可。成功时res返回带有Post[]数组类型的响应数据。然后我们将数据存储在组件中的this.posts中，并在模板中显示。
这个例子演示了如何使用@bxmoninc/diapi依赖注入HTTP服务，实现远程请求数据并使用它们构建动态组件。
更多关于@bxmoninc/diapi的详细介绍和API请参考Github地址。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672663660cf7123b364ec