npm 包 angular-redux-core 使用教程

阅读时长 4 分钟读完

简介

angular-redux-core 是一个基于 Redux 的 Angular 版本的状态管理库,可以帮助前端开发者更好的管理 Angular 应用的状态。

安装

安装 angular-redux-core:

配置

  1. 在 Angular 应用的 AppModule 中引入 StoreModule。
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ----------- - ---- ---------------------

-----------
  -------- -
    --------------
    --------------------------------------
  --
  ------------- - ------------ --
  ---------- - ------------ -
--
------ ----- --------- - -
  1. 在组件中注入 Store。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------- - ---- ---------------------

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

  ------------------- -------- ------------- -
      ------------------------------------------------- -- -
        ------------ - ------
      ---
  -
-
  1. 添加 actionTypes 和 actionCreators。
-- -------------------- ---- -------
------ ----- --------- - ------------
------ ----- --------- - ------------

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

------ -------- ----------- -
  ------ - ----- --------- --
-
  1. 在 reducer 中处理 action。
-- -------------------- ---- -------
------ - ---------- --------- - ---- -----------

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

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

    --------
      ------ ------
  -
-
  1. 在组件中 dispatch action。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------- - ---- ---------------------
------ - ---------- --------- - ---- -----------

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

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

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

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

总结

angular-redux-core 是一个非常优秀的状态管理库,可以帮助开发者更好地管理 Angular 应用的状态。通过详细的学习和实践,相信大家对于这个库的使用方法已经有了一定的了解,希望大家可以在实践使用中不断完善和深化自己的技术知识。

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

纠错
反馈