angular – ngrx /存储在动作/效果UI通知之后

前端之家收集整理的这篇文章主要介绍了angular – ngrx /存储在动作/效果UI通知之后前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用ngrx / store和ngrx / effects.

这是流程,

>用户单击登录按钮
>登录已分派的行动
> $effects执行http.post凭据登录
>调度LOGIN_SUCCESS或LOGIN_FAILURE动作

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

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

多谢你们.

解决方法

您的州应该有一个标志,通知您的组件应该执行操作.

像这样的东西:

州:

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,你知道你应该例如显示模态.

另一种方法是通过服务在您的效果中执行任务.

猜你在找的Angularjs相关文章