天天看點

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

Actions描述了從Components和services dispatch出來的unique events.

counter$: Observable;

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.
如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

這個store的初始化不需要應用開發人員操心,直接通過構造函數參數的方式注入:

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

尖括号後的fromExample.State就是包含業務邏輯的資料結構。

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

store.select方法裡需要傳一個memoized selector:fromExample.getCounterCounter

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

getCounterCounter這個選擇器 又是通過另一個選擇器和mapping function通過createSelector加工而成的。Mapping函數一般是将整體State映射成具體業務需要的字段。

getCounterState:

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

這個getExampleState就是feature selector了,通過另一個方法createFeatureSelector建立:

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

最後也是最重要的一步,一定要将feature selector同reducers通過StoreModule.forFeature建立綁定關系,下面24行意思是将我們自己實作的reducers注冊到feature selector example上去。

如何從ngrx store中擷取Observable對象Actions描述了從Components和services dispatch出來的unique events.

繼續閱讀