在 Angular (v5) 中，如何监听我的应用程序 Redux 状态对象的变化？

我需要知道如何创建一个监听器，例如我想订阅 AppState 更改。

以下是我目前非常基本的服务。 我在视图上有一个调度操作，它会增加计数器。

一旦计数器改变值，我想在我网站的其他部分检测到这一点，例如例如全局标头。

我正在使用 ng2-Redux 和 Angular 版本 5。

还原服务：

export interface IAppState {
    counter: number;
}

export const INITIAL_APP_STATE: IAppState = {
    counter: 0
};

export function appReducer(state: IAppState, action: any): IAppState {
    switch (action.type) {
        case 'INCREMENT':
        return {
            counter: state.counter + action.payload
        };
    }
    return state;
}

Angular-Redux 提供了一种非常方便的方法来选择商店的切片@select()装饰师。

比方说你的IAppState将会：

export interface IAppState {
  counter: number;
  auth: {token: string}; 
}

然后您可以像这样选择您所在州的部分：

// variable name is equal to state property + $
@select() counter$: Observable<number>;
@select() auth$: Observable<{token: string}>;

// path to store slice
@select(['auth', 'token']) token$: Observable<string>;

欲了解更多信息，请查看选择文档.