アクション/エフェクトUI通知後のngrx/store

Question

私はngrx/storeとngrx/effectsを使用しています。

これは流れで、

1. ユーザクリックログインボタン
2. ログインアクションはログイン
3. 発送LOGIN_SUCCESSまたはLOGIN_FAILUREアクション

ためhttp.post資格情報を実行

$影響を派遣

質問：私はいくつかの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の場合、あなたは例えば、モーダルを示すべきであることを知っています。

もう1つのアプローチは、サービスを通じて自分のエフェクトでタスクの権利を実行することです。