@ ngrx / entityを使用して、items配列を更新するにはどうすればよいですか

クリスブラザートン

私が使用している@ngrx/entityと、これは次のような状態を作成します。

{
   ids: [1, 2, 3],
   entities: [
     1: {id:1, title: "Some title", likes: {count: 1}},
     2: {id:2, title: "Some title", likes: {count: 1}},
     3: {id:3, title: "Some title", likes: {count: 1}}
   ]
}

@ngrx/entity アイテムを更新するためのいくつかのクールなヘルパーを提供しますが、(ドキュメントで確認できることから)WHOLEエンティティのみの更新に限定されているようです。

ただし、ユーザーが「いいね」ボタンを切り替えると、レデューサーでそのstate.entities[2].likesプロパティのみを応答で更新したいと思います

私がこれについてどうやって行くことができるかについてのアイデアはありますか?

レミ

あなたの状態は不変なので。すべてのエンティティを更新する必要があります。@ ngrx / entityには、1つのエンティティを更新するために使用できるいくつかのヘルパーが付属しています。あなたの場合、updateOneメソッドを使用する必要があります。https://ngrx.io/guide/entity/adapter

次のようになります。

adapter.updateOne(
{
  id: 2,
  changes: {...state.entities[2], likes: value}
},
state
);

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Angularアプリからngrx / entityを使用してFirestoreにIDを渡さずにアイテムを作成するにはどうすればよいですか?

分類Dev

ngrx-router-storeを使用してngrxエフェクト内のルートパラメータを取得するにはどうすればよいですか?

分類Dev

Angular 5アプリケーションでCLIを使用して新しい@ngrxファイルを作成するにはどうすればよいですか?

分類Dev

ngrx-entityでエンティティのサブセットを更新するにはどうすればよいですか?

分類Dev

NGRXで認証ガードを使用するにはどうすればよいですか

分類Dev

@ ngrx / storeを使用して状態を効果的にリセットするにはどうすればよいですか?

分類Dev

Angular 6を使用してJasmineでngrx機能セレクターをユニットテストするにはどうすればよいですか?

分類Dev

@ ngrx / dataを使用してレデューサーをカスタマイズするにはどうすればよいですか?

分類Dev

ngrx/store を使用して角度の入力フィールドの値を変更するにはどうすればよいですか

分類Dev

ngrx / storeから退会するにはどうすればよいですか?

分類Dev

ngrx、APIから開始状態を取得するにはどうすればよいですか?

分類Dev

ngrxストアのselectからエラーを取得するにはどうすればよいですか?

分類Dev

ngrx / routerでrouterCanDeactivateを実行するにはどうすればよいですか?

分類Dev

ngrxがアクションに成功した後、フォームをクリーンアップするにはどうすればよいですか?

分類Dev

約束からアクションをトリガーするNgRx8エフェクトを作成するにはどうすればよいですか

分類Dev

Angularでngrxを使用する

分類Dev

ngrxストアからテンプレートに値を取得するにはどうすればよいですか?

分類Dev

ngrxと一緒に複数のデータを作成または削除するにはどうすればよいですか?

分類Dev

2つのngrxエンティティをAngularで選択または結合するにはどうすればよいですか?

分類Dev

Angularアプリにngrxサブ機能(StoreModule.forFeature())を登録するにはどうすればよいですか?

分類Dev

ngRxの次のセレクターをブール値の戻り値に変換するにはどうすればよいですか?

分類Dev

アクションパラメータを有効なNgRxにするにはどうすればよいですか?

分類Dev

@ ngrx / storeでStateオブジェクトの現在の値を取得するにはどうすればよいですか?

分類Dev

@ ngrx / storeでStateオブジェクトの現在の値を取得するにはどうすればよいですか?

分類Dev

ngrx / selectorおよびngrx / entitiesを使用して特定のキーを持つ配列を受信する

分類Dev

ngrxストアの特定のオブジェクトを取得するにはどうすればよいですか?

分類Dev

* ngFor-配列がngrxを介して更新されるときにdomを更新します

分類Dev

「アクション衛生」ガイドラインに従って同じことを行う複数のNGRXアクションを使用するにはどうすればよいですか?

分類Dev

状態がngrx-formsによって管理されている間に、フォームグループコントロールを角度でformarrayに動的に追加するにはどうすればよいですか?

Related 関連記事

  1. 1

    Angularアプリからngrx / entityを使用してFirestoreにIDを渡さずにアイテムを作成するにはどうすればよいですか?

  2. 2

    ngrx-router-storeを使用してngrxエフェクト内のルートパラメータを取得するにはどうすればよいですか?

  3. 3

    Angular 5アプリケーションでCLIを使用して新しい@ngrxファイルを作成するにはどうすればよいですか?

  4. 4

    ngrx-entityでエンティティのサブセットを更新するにはどうすればよいですか?

  5. 5

    NGRXで認証ガードを使用するにはどうすればよいですか

  6. 6

    @ ngrx / storeを使用して状態を効果的にリセットするにはどうすればよいですか?

  7. 7

    Angular 6を使用してJasmineでngrx機能セレクターをユニットテストするにはどうすればよいですか?

  8. 8

    @ ngrx / dataを使用してレデューサーをカスタマイズするにはどうすればよいですか?

  9. 9

    ngrx/store を使用して角度の入力フィールドの値を変更するにはどうすればよいですか

  10. 10

    ngrx / storeから退会するにはどうすればよいですか?

  11. 11

    ngrx、APIから開始状態を取得するにはどうすればよいですか?

  12. 12

    ngrxストアのselectからエラーを取得するにはどうすればよいですか?

  13. 13

    ngrx / routerでrouterCanDeactivateを実行するにはどうすればよいですか?

  14. 14

    ngrxがアクションに成功した後、フォームをクリーンアップするにはどうすればよいですか?

  15. 15

    約束からアクションをトリガーするNgRx8エフェクトを作成するにはどうすればよいですか

  16. 16

    Angularでngrxを使用する

  17. 17

    ngrxストアからテンプレートに値を取得するにはどうすればよいですか?

  18. 18

    ngrxと一緒に複数のデータを作成または削除するにはどうすればよいですか?

  19. 19

    2つのngrxエンティティをAngularで選択または結合するにはどうすればよいですか?

  20. 20

    Angularアプリにngrxサブ機能(StoreModule.forFeature())を登録するにはどうすればよいですか?

  21. 21

    ngRxの次のセレクターをブール値の戻り値に変換するにはどうすればよいですか?

  22. 22

    アクションパラメータを有効なNgRxにするにはどうすればよいですか?

  23. 23

    @ ngrx / storeでStateオブジェクトの現在の値を取得するにはどうすればよいですか?

  24. 24

    @ ngrx / storeでStateオブジェクトの現在の値を取得するにはどうすればよいですか?

  25. 25

    ngrx / selectorおよびngrx / entitiesを使用して特定のキーを持つ配列を受信する

  26. 26

    ngrxストアの特定のオブジェクトを取得するにはどうすればよいですか?

  27. 27

    * ngFor-配列がngrxを介して更新されるときにdomを更新します

  28. 28

    「アクション衛生」ガイドラインに従って同じことを行う複数のNGRXアクションを使用するにはどうすればよいですか?

  29. 29

    状態がngrx-formsによって管理されている間に、フォームグループコントロールを角度でformarrayに動的に追加するにはどうすればよいですか?

ホットタグ

アーカイブ