如何从ngrx store中获取Observable对象

简介: 如何从ngrx store中获取Observable对象

Actions描述了从Components和services dispatch出来的unique events.

counter$: Observable;

image.pngimage.png

这个store的初始化不需要应用开发人员操心,直接通过构造函数参数的方式注入:image.png

尖括号后的fromExample.State就是包含业务逻辑的数据结构。image.pngstore.select方法里需要传一个memoized selector:fromExample.getCounterCounterimage.pnggetCounterCounter这个选择器 又是通过另一个选择器和mapping function通过createSelector加工而成的。Mapping函数一般是将整体State映射成具体业务需要的字段。

getCounterState:image.png

这个getExampleState就是feature selector了,通过另一个方法createFeatureSelector创建:image.png

最后也是最重要的一步,一定要将feature selector同reducers通过StoreModule.forFeature建立绑定关系,下面24行意思是将我们自己实现的reducers注册到feature selector example上去。image.png

相关文章
|
1月前
|
前端开发 数据处理 开发者
vuex中mutations详解,与actions的区别
Vuex 的 Mutations 是用于改变 Vuex Store 中状态的一种方式。它是一个同步的操作,用于直接修改 Store 中的状态。
|
8月前
|
缓存
computed【计算属性】watch【监听】methods【方法】的区别
computed【计算属性】watch【监听】methods【方法】的区别
|
7月前
|
存储 JavaScript 前端开发
Angular Ngrx Store 里 State 和 Reducer 的绑定关系是如何实现的
Angular Ngrx Store 里 State 和 Reducer 的绑定关系是如何实现的
56 0
|
3天前
|
JavaScript
如何在Vuex中定义和使用getters和actions
在Vuex中,`getters`用于派生状态值,类似Vue的计算属性,例如从`todos`状态中过滤已完成/未完成任务。`actions`则处理异步操作,如模拟加载数据,通过`commit`改变状态。
|
3天前
|
JavaScript
vuex如何在actions中传递参数
在Vuex的`actions`中传递参数可以提高其灵活性和复用性。
|
2月前
|
JavaScript
Vue中的methods、computed计算属性和watch监听属性的使用和区别
Vue中的methods、computed计算属性和watch监听属性的使用和区别
|
2月前
v-model绑定vuex的state怎么实现?
v-model绑定vuex的state怎么实现?
|
6月前
|
缓存 数据处理 数据格式
Rxjs 里 Observable 对象的 tap 操作
Rxjs 里 Observable 对象的 tap 操作
25 0
|
6月前
什么是 Rxjs Observable subscribe 方法的副作用
什么是 Rxjs Observable subscribe 方法的副作用
28 0
|
7月前
|
JavaScript 测试技术 调度
使用 Ngrx ActionSubject 监听 Dispatched NgRx Actions
使用 Ngrx ActionSubject 监听 Dispatched NgRx Actions
50 0