ストアにないアイテムがある場合は、それを取得するアクションをディスパッチしてください。

Question

アイテムが店舗にない場合には、そのアイテムを取得する最も良い方法は何かを判断しようとしています。

たとえば、ユーザーの一覧があり、特定のユーザーを取得したいとします。そのユーザーが店舗にいない場合、私は彼をDBからフェッチしたい。

このコードは、以下のベストプラクティスと見なされますか、そうするのがより良い方法ですか？

const searchedUserId = 'abcdefg'; 
this.selecedUser$ = this.store.select(state => { 
    const selectedUserIndex = state.userList.findIndex(searchedUserId) 
    if (selectedUserIndex === -1) { 
    this.store.dispatch(new UsersActions.FetchUsers(searchedUserId)); 
    } else { 
    return state.userList[selectedUserIndex] 
    } 
}) 

Answer 1

selectorを作成して、ストアからデータを取得します。あなたのコンポーネントで

Creating a selector

は、あなたは状態にsubscribeにする必要があります。

store.select(selectFeatureState).subscribe(state => { 
    //Search for the user in the state. 
    // If user is not there then dispatch the action 
    store.dispatch(ACTION); 
}); 

次に、作成Effects使っ@ ngrx /効果

create effects

効果は、アクションをリッスンし、データを取得し、ストアを更新、サービスを呼び出します。

ストアは既にストアを購読しているため、コンポーネントを更新します。

Answer 2

ガードが必要です。

2. そのルートのガードを定義し、CanActivate
にガードで
3. をそれを置く、と、そのLoadUserDetailsAction（USERID）
4. を派遣（IDが含まれている）ユーザーの詳細コンポーネントのルートを定義しますあなたのコンポーネントを示すことができるように、アクション解決さは（ガードが詳細はロードされている店舗をリッスン）trueを返す
5. そのyoirコンポーネントにstore.select（userdetails）を行うことになりました安全