简介
angular-redux-core 是一个基于 Redux 的 Angular 版本的状态管理库,可以帮助前端开发者更好的管理 Angular 应用的状态。
安装
安装 angular-redux-core:
npm install --save angular-redux-core
配置
- 在 Angular 应用的 AppModule 中引入 StoreModule。
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ----------- - ---- --------------------- ----------- -------- - -------------- -------------------------------------- -- ------------- - ------------ -- ---------- - ------------ - -- ------ ----- --------- - -
- 在组件中注入 Store。
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - ------- - ---- --------------------- ------------ --------- ---------------- --------- -------- ------- ---------- -- ------ ----- ------------ - -------- ------- ------------------- -------- ------------- - ------------------------------------------------- -- - ------------ - ------ --- - -
- 添加 actionTypes 和 actionCreators。
-- -------------------- ---- ------- ------ ----- --------- - ------------ ------ ----- --------- - ------------ ------ -------- ----------- - ------ - ----- --------- -- - ------ -------- ----------- - ------ - ----- --------- -- -
- 在 reducer 中处理 action。
-- -------------------- ---- ------- ------ - ---------- --------- - ---- ----------- ------ -------- -------------------- - -- ------- - ------ ------------- - ---- ---------- ------ ----- - -- ---- ---------- ------ ----- - -- -------- ------ ------ - -
- 在组件中 dispatch action。
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - ------- - ---- --------------------- ------ - ---------- --------- - ---- ----------- ------------ --------- -------------- --------- - ------- ------- -------- ------- ------------------------------------------ ------- ------------------------------------------ -- -- ------ ----- ---------------- - -------- ------- ------------------- -------- ------------- - ------------------------------------------------- -- - ------------ - ------ --- - ------------- - ----------------------------------- - ------------- - ----------------------------------- - -
总结
angular-redux-core 是一个非常优秀的状态管理库,可以帮助开发者更好地管理 Angular 应用的状态。通过详细的学习和实践,相信大家对于这个库的使用方法已经有了一定的了解,希望大家可以在实践使用中不断完善和深化自己的技术知识。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056d1381e8991b448e6d4e