简介
angular2-jsonapi-adapter 是一个用于 Angular2 和 JSONAPI 规范的数据适配器。它可以帮助你将 JSONAPI 格式的数据转换为适合 Angular2 使用的对象，方便开发。
安装
在使用这个适配器之前，我们需要安装 angular2-jsonapi-adapter。
npm install angular2-jsonapi-adapter --save
使用
在使用这个适配器之前，我们需要将其引入到我们的项目中。
import { JsonApiAdaptedService } from 'angular2-jsonapi-adapter';接下来，我们需要定义一个继承自 JsonApiAdaptedService 的服务类。
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - --------------------- - ---- ---------------------------
-------------
------ ----- ----------- ------- --------------------------- -
----------------- ----- -
------------
------------ - -------------------------------
-
------------ ------ ---------------- -
------ -------------------
-
---------- ------- ----- ------ ---------------- -
------ ---------------- ------
-
---------- -------- ---------------- -
------ -----------------
-
-在定义服务类的时候，我们需要指定服务的基础 URL，并且需要实现创建、更新和删除等方法。
export class User {
id: number;
name: string;
email: string;
age: number;
}最后，我们需要在组件中使用这个服务。
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- ------------
------------ -------------------------
---------- -------------------------
--
------ ----- -------------- ---------- ------ -
------ -------
------------------- ------------ ------------ - -
---------- -
----------------
-
---------- -
------------------------------------
----- -- ---------- - ------
----- -- --------------------
--
-
-这样，我们就可以通过 UserService 来获取用户数据。
示例
可以通过下面的示例代码来了解 angular2-jsonapi-adapter 的使用方法。
app.module.ts
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - ---------- - ---- ----------------
------ - ------------ - ---- ------------------
------ - ----------- - ---- -----------------
-----------
------------- -
------------
--
-------- -
--------------
----------
--
---------- --------------
---------- --------------
--
------ ----- --------- - -user.service.ts
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - --------------------- - ---- ---------------------------
------ - ---- - ---- ----------------
------ - ---------- - ---- ------------------
------ - ---- - ---- ---------
-------------
------ ----- ----------- ------- --------------------------- -
----------------- ----- -
------------
------------ - -------------------------------
-
------------ ------ ---------------- -
------ -------------------
-
---------- ------- ----- ------ ---------------- -
------ ---------------- ------
-
---------- -------- ---------------- -
------ -----------------
-
-app.component.ts
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ----------- - ---- -----------------
------ - ---- - ---- ---------
------------
--------- -----------
--------- -
--------------
----
--- ----------- ---- -- -------
------------- ----------------
-----
-----
-
--
------ ----- ------------ ---------- ------ -
------ -------
------------------- ------------ ------------ - -
---------- -
----------------
-
---------- -
------------------------------------
----- -- ---------- - ------
----- -- --------------------
--
-
-user.ts
export class User {
id: number;
name: string;
email: string;
age: number;
}总结
angular2-jsonapi-adapter 是一个非常实用的 Angular2 数据适配器，它可以将 JSONAPI 格式的数据转换为适合 Angular2 使用的对象，方便我们开发。
在使用这个适配器的时候，我们需要定义一个继承自 JsonApiAdaptedService 的服务类，并且需要在其中实现创建、更新和删除等方法。
最后，我们可以在组件中使用这个服务，以获取我们需要的数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005609581e8991b448decc1