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

发布时间：2020-12-17 17:35:38 所属栏目：安全来源：网络整理

导读：我正在使用ngrx / store和ngrx / effects. 这是流程, 用户单击登录按钮登录已分派的行动 $effects执行http.post凭据登录调度LOGIN_SUCCESS或LOGIN_FAILURE动作问题：我想在执行操作后执行一些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,你知道你应该例如显示模态.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!