使用 angular2-jsonapi-custom npm 包的教程

阅读时长 4 分钟读完

什么是 angular2-jsonapi-custom npm 包

angular2-jsonapi-custom 是一个 Angular2 / 4+ NPM 包,它实现了各种 JSON:API 原语,并支持自定义 JSON:API 映射。

安装 angular2-jsonapi-custom npm 包

可以通过 npm 命令行工具来安装 angular2-jsonapi-custom:

使用 angular2-jsonapi-custom:

angular2-jsonapi-custom 为开发者提供了使用 JSON:API 数据的工具和 API,并且支持自定义 JSON:API 数据映射规则。

在你的 Angular2 / 4+ 项目中,你需要引入并导入 Angular2JSONAPIPackage 模块:

接着在 NgModule decorator 中导入 Angular2JSONAPIPackage 模块:

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

接着你就可以使用 JSON:API 数据的工具和 API 了。

以下是一些示例:

增加 JSON:API 配置:

在我的示例中,我将配置放到 AppJsonApiConfiguration 类中。

使用 JSON:API 数据请求:

接下来,你可以将这个配置注入到你的服务中使用:

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

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

查询作者列表:

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

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

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

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

现在,当你访问这个 authors 组件时,它就会使用 JSON:API 数据请求获取数据了。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005596481e8991b448d6e1c

纠错
反馈