ng2-fused 是一款常用于 Angular 2 开发的 npm 包，它可以简化应用中异步绑定数据的流程。使用 ng2-fused 可以使程序逻辑更加清晰、简洁，提高开发效率。下面将为你详细介绍 ng2-fused 的使用方法，并给出一些代码示例。
ng2-fused 使用方法
步骤一：安装
使用 npm 安装 ng2-fused：
npm install ng2-fused --save
步骤二：导入
在你的应用程序中导入 ng2-fused：
import { FusedObservable } from 'ng2-fused';步骤三：定义 Observable 变量
定义一个 Observable 变量，并在@Component 元数据中使用 FusedObservable 装饰器将其包装起来。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------------- - ---- ------------
------ - ---------- - ---- ------------------
------------
--------- ---------
--------- -------------------- - --------
--
----- --------------- -
------------------ ------------------ ----------------
-注：@FusedObservable() 的圆括号中可以传入一个参数对象，可以对当前的流使用一些操作符。
步骤四：定义一个使用 Observable 数据的模板
template: `{{myObservableData$ | async}}`当 myObservableData$ 出现变化时，绑定的模板数据也将发生变化。
以上便是 ng2-fused 的基本使用方法。
ng2-fused 复杂使用场景
有时候我们需要使用多个异步数据源来填充一个模板中的数据，此时便可以使用 ng2-fused，它可以帮助我们简化复杂的异步数据源的手动数据聚集。
示例代码
下面是一个使用用例：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------------- - ---- ------------
------ - ---------- - ---- ------------------
------------
--------- ---------
--------- -
---- ----------------- - ------ -- ---------- - --------
-------
------
---- ---------------- - ------ -- ---------- - --------
---------- - ------- ---------- - -------
------
---- ----------------- - ------ -- ---------- - --------
-- ----
------
-
--
----- --------------- -
------------------ --------- ----------------
------------------ --------- ----------------
-结束语
ng2-fused 可以帮助前端开发人员简化生成异步绑定数据的过程，提高效率，使逻辑更为明了。希望这份教程能够帮助大家更好地使用该工具，在实际项目开发中取得更好的效果！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58281