什么是 angular2-jsonapi-custom npm 包
angular2-jsonapi-custom 是一个 Angular2 / 4+ NPM 包,它实现了各种 JSON:API 原语,并支持自定义 JSON:API 映射。
安装 angular2-jsonapi-custom npm 包
可以通过 npm 命令行工具来安装 angular2-jsonapi-custom:
npm install angular2-jsonapi-custom --save
使用 angular2-jsonapi-custom:
angular2-jsonapi-custom 为开发者提供了使用 JSON:API 数据的工具和 API,并且支持自定义 JSON:API 数据映射规则。
在你的 Angular2 / 4+ 项目中,你需要引入并导入 Angular2JSONAPIPackage 模块:
import { Angular2JSONAPIPackage } from 'angular2-jsonapi-custom';
接着在 NgModule decorator 中导入 Angular2JSONAPIPackage 模块:
-- -------------------- ---- ------- ----------- -------- - -------------- ----------- ---------------------- -- ------------- --------------- ---------- --------------- -- ------ ----- --------- - -
接着你就可以使用 JSON:API 数据的工具和 API 了。
以下是一些示例:
增加 JSON:API 配置:
import { JsonApiConfiguration } from 'angular2-jsonapi-custom'; export class AppJsonApiConfiguration extends JsonApiConfiguration { public url = 'http://jsonapiplayground.reyesoft.com/v2'; }
在我的示例中,我将配置放到 AppJsonApiConfiguration 类中。
使用 JSON:API 数据请求:
接下来,你可以将这个配置注入到你的服务中使用:
-- -------------------- ---- ------- ------ - ---------- - ---- ---------------- ------ - ---- - ---- ---------------- ------ - -------------- - ---- -------------------------- ------ - ----------------------- - ---- ------------------------------ ------------- ------ ----- -------------- ------- -------------- - ------------------- ------------------------ ----- ----- - ------------- ------ --------- - ---------- - -
查询作者列表:
-- -------------------- ---- ------- ------ - ---------- ------ - ---- ---------------- ------ - -------------- - ---- -------------------- ------ - ------ - ---- ----------- ------------ --------- -------------- --------- - ---------------- ---- --- ----------- ------ -- ---------------------------------------- ----- - -- ------ ----- ---------------- ---------- ------ - -------- --------- ------------------- --------------- --------------- - - ---------- - ----------------------------------------------- -- - ------------ - -------- --- - -
现在,当你访问这个 authors 组件时,它就会使用 JSON:API 数据请求获取数据了。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005596481e8991b448d6e1c