如何从ngrx store中获取Observable对象

counter$: Observable;

如何从ngrx store中获取Observable对象
如何从ngrx store中获取Observable对象

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

如何从ngrx store中获取Observable对象

尖括号后的fromExample.State就是包含业务逻辑的数据结构。

如何从ngrx store中获取Observable对象

store.select方法里需要传一个memoized selector:fromExample.getCounterCounter

如何从ngrx store中获取Observable对象

getCounterCounter这个选择器 又是通过另一个选择器和mapping function通过createSelector加工而成的。Mapping函数一般是将整体State映射成具体业务需要的字段。

getCounterState:

如何从ngrx store中获取Observable对象

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

如何从ngrx store中获取Observable对象

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

如何从ngrx store中获取Observable对象

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
如何从ngrx store中获取Observable对象