介绍
ng-harmony-controller 是一个用于 AngularJS 应用中的控制器，它支持响应式编程，并通过使用 RxJS 和 Immutable.js，实现了数据流的单向数据流动。它是一种与 Angular 核心方式无关的解决方案，可以跨平台使用。
本篇文章将介绍如何使用 ng-harmony-controller 包，并讲解其相关 API，帮助您构建更高效、更健壮的 AngularJS 应用。
安装
npm install ng-harmony-controller
API
Controller
一个 Controller 实例包含以下属性和方法：
属性
state
一个 Immutable.js 的 Map 实例（类似 JavaScript 对象），它表示 Controller 的状态，其中包含应用程序的数据。
effects
一个 RxJS 的 Observable 实例，它表示 Controller 的效果（effect）的流。
方法
setState(state: Immutable.Map)
设置 Controller 的状态。
dispatch(effect: RxJS.Observable)
发射一个效果。
createController
一个用于创建 Controller 的函数，它接收一个初始状态（initial state）作为参数，并返回一个 Controller 实例。
combineEffects
一个用于将多个效果（effects）组合为一个大效果的函数。它接受一个任意数量的效果作为参数，并返回一个组合效果。
使用示例
下面是一个使用 ng-harmony-controller 的例子，该例子通过获取 Github 用户信息的 API，展示了如何处理异步效果（effects）：
index.html
-- -------------------- ---- -------
--------- -----
----- --------- ---------------
------
----- ----------------
---------------------------- ---------------
------- --------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------
------- ---------------------------------------------------------
------- ------------------------------------------------------------------------------------------------
-------
----- --------------------- -- ----
------
------ ----------- -----------------------
------- ------------- ------------------------------------
-------
---- ----------------
------ ------------- -------
---- ---------- ------------------ --- -----------
----- ----------- ------
------
-- ------------------- -------- ------
------- ------------------------
-------
-------app.js
-- -------------------- ---- -------
----------------------- ---
--------------------- -------------------- -------------------------- -
--- ---------- - --------------------------------
--------- ---
----- -----
------ ----
----
------------- - ---------------------------------
--------- - -----------------------------
---------- - ------------------------------
------------------- - ---------- -
---------------------------------------------------- ----------------
--
---------- - ---------- -
--- --- - ------------------------------- - --------------
--- ------ - -------------
----------- ---- ------------ ------
------------------ -
------ ---------------
----- ------------
---
--
---------------------- -
------ --------------------------------
------ -------------
----
---
----------------------------
--
----------------------------------------------- -
--------- - ---------------------
---------- - ----------------------
--------------
---这是一个简单的应用，它包含了一个 input 标签和一个按钮。当用户在 input 中输入 Github 用户名并点击按钮后，它将通过 Ajax 请求获取用户信息，并将其呈现在页面上。
总结
ng-harmony-controller 是一个非常有用的 npm 包，它通过 RxJS 和 Immutable.js 实现了单向数据流动。通过使用 ng-harmony-controller，我们可以构建更高效、更健壮的 AngularJS 应用。如果你正在开发 AngularJS 项目，我建议你考虑使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb781e8991b448da3e7