动作/效果UI通知后的ngrx/store

Question

我正在使用ngrx/store和ngrx/effects.

这是流程,

1. 用户单击登录按钮
2. 已分派登录操作
3. $ effects执行http.post凭据登录
4. 发送LOGIN_SUCCESS或LOGIN_FAILURE动作

问题:我想在执行操作后执行一些UI任务,例如,下拉模式,或显示错误消息的弹出窗口.

我如何订阅我的组件中的响应？

多谢你们.

Answer 1

您的状态应该有一个标志来通知您的组件它应该执行某个操作。

像这样的东西：

状态：

const initialState: SomeState = {
    loggedIn: false,
    ...
};

export default function(state = initialState, action: Action): SomeState {
    switch (action.type) {
        case StateActions.LOGIN_SUCCESS:
            return Object.assign({}, state, {loggedIn: true});
            ...

然后在您的组件中您订阅状态，如果loggedIn为 true，您知道您应该显示模式。

另一种方法是通过服务直接执行您的任务。