ngrx-store/efffectsでドロップダウン情報を入力してください

Question

私はngrx-storeとngrx-effectsで角度4を使用しています。私はユーザー情報を読み込むための簡単なフォームを持っており、ストアを更新するLoad_User_successアクションをディスパッチするエフェクトを扱うようにしました。

私は質問があります。フォームが持っているドロップダウンリストを埋めるための情報をロードすると同時に、ngrxを使ってユーザー情報をロードする最善の方法は何ですか？

Answer 1

コンポーネントにオブザーバブルを作成し、それをストアのselectと同じに設定します。

<div *ngIf="users$ | async"> 
<select> 
    <option *ngFor="user of (users$ | async)">{{user.name}}</option> 
    </select> 
    </div> 

：

users$ = store.select(state => state.users); 

は

@Component({changeDetection: ChangeDetectionStrategy.OnPush})

は次にようなもので、サブスクリプションを処理するために、あなたのテンプレートに非同期パイプを使用して、以下のコンポーネント定義に追加します