Angular 2- * ngFor with keysパイプは、オブジェクトが変更されても更新されません

デーモン

* ngforループでキーパイプを使用しています。データはJSONで提供されます。

    @Pipe({
      name: 'keys'
    })
    export class KeysPipe implements PipeTransform {
      transform(value, args: string[]): any {
        if (!value) {
          return value;
        }

        let keys = [];
        for (let key in value) {
          keys.push({key: key, value: value[key]});
        }
        return keys;
      }
   }

-

<div *ngFor="let item of jsonObject | keys">
        <p>{{ item.value.code }}</p>
</div>

問題は、JSONの要素を削除すると、ngForが更新されないことです。

私はすでに2つのオプションを試しました:

  • this.applicationRef.tick();を呼び出す 要素の削除後、変更なし
  • 不純なパイプ「純粋:偽」。これにより、Chromeで数百MBのメモリが大量に使用され、プロセスを強制終了する必要がありました。

他に方法があれば?

ありがとう!

ゆるずい

あなたが試すことができる1つの方法:

delete(id) {
  this.jsonObject = this.jsonObject.filter(x => x.id !== id);
}

このようにして、元の配列を変更することはありません。それはパイプにとって重要なことです

も参照してください

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Angular2:* ngForは配列が更新されても更新されません

分類Dev

Angular 2:* ngForの* ngFor

分類Dev

Angular 2 * ngForはテーブルに出力されません

分類Dev

Angular2 ngfor: undefined はオブジェクトではありません

分類Dev

Angular2:ネストされた* ngForの結果、「チェック後に式が変更されました」

分類Dev

Angular2ネスト* ngFor

分類Dev

*ngFor is not working in angular 2

分類Dev

Angular 2 * ngFor Error

分類Dev

異なるサポートオブジェクト、非同期パイプ、およびngForの問題がangular2で見つかりません

分類Dev

* ngForテンプレートのngForは何も出力しませんAngular2

分類Dev

* ngForテンプレートのngForは何も出力しませんAngular2

分類Dev

Angular 2 *ngfor は連続した http リクエスト応答で更新されません

分類Dev

Ionic / Angular:ngForは更新されません

分類Dev

Angular2ネストされたngForは反復しません

分類Dev

Angular 2:データが別のコンポーネントで変更されても、クラスバインディングは更新されません

分類Dev

Angular 2 * ngFor構文

分類Dev

Angular2OnPush変更検出とngFor

分類Dev

ngforオブジェクトangular2(最終リリース)

分類Dev

Angular2:変数が変更されてもビューは更新されません

分類Dev

テーブルにangular2 * ngFor?

分類Dev

Angular 2: ngFor ループの未定義値

分類Dev

繰り返される名前は、angular2でngForを使用して表示されません

分類Dev

ngForと非同期パイプAngular 2で監視可能なオブジェクトの配列を使用する

分類Dev

Angular2では* ngForループはオブジェクトの配列からキャンバス要素を作成できません

分類Dev

Angular 2配列はコンソールに印刷されますが、オブジェクトプロパティを画面に印刷できません

分類Dev

Angular 2 NgFor正規表現メッセージエラー-[(ngModel)]は機能しますが、ngModelが定義されていません

分類Dev

クラスプロパティ内のオブジェクト内のvuev2値は変更されましたが、変更されていません

分類Dev

Angular2のグループ化された要素* ngFor

分類Dev

Angular2は、ngForによって繰り返される形式でngModelを使用できません

Related 関連記事

  1. 1

    Angular2:* ngForは配列が更新されても更新されません

  2. 2

    Angular 2:* ngForの* ngFor

  3. 3

    Angular 2 * ngForはテーブルに出力されません

  4. 4

    Angular2 ngfor: undefined はオブジェクトではありません

  5. 5

    Angular2:ネストされた* ngForの結果、「チェック後に式が変更されました」

  6. 6

    Angular2ネスト* ngFor

  7. 7

    *ngFor is not working in angular 2

  8. 8

    Angular 2 * ngFor Error

  9. 9

    異なるサポートオブジェクト、非同期パイプ、およびngForの問題がangular2で見つかりません

  10. 10

    * ngForテンプレートのngForは何も出力しませんAngular2

  11. 11

    * ngForテンプレートのngForは何も出力しませんAngular2

  12. 12

    Angular 2 *ngfor は連続した http リクエスト応答で更新されません

  13. 13

    Ionic / Angular:ngForは更新されません

  14. 14

    Angular2ネストされたngForは反復しません

  15. 15

    Angular 2:データが別のコンポーネントで変更されても、クラスバインディングは更新されません

  16. 16

    Angular 2 * ngFor構文

  17. 17

    Angular2OnPush変更検出とngFor

  18. 18

    ngforオブジェクトangular2(最終リリース)

  19. 19

    Angular2:変数が変更されてもビューは更新されません

  20. 20

    テーブルにangular2 * ngFor?

  21. 21

    Angular 2: ngFor ループの未定義値

  22. 22

    繰り返される名前は、angular2でngForを使用して表示されません

  23. 23

    ngForと非同期パイプAngular 2で監視可能なオブジェクトの配列を使用する

  24. 24

    Angular2では* ngForループはオブジェクトの配列からキャンバス要素を作成できません

  25. 25

    Angular 2配列はコンソールに印刷されますが、オブジェクトプロパティを画面に印刷できません

  26. 26

    Angular 2 NgFor正規表現メッセージエラー-[(ngModel)]は機能しますが、ngModelが定義されていません

  27. 27

    クラスプロパティ内のオブジェクト内のvuev2値は変更されましたが、変更されていません

  28. 28

    Angular2のグループ化された要素* ngFor

  29. 29

    Angular2は、ngForによって繰り返される形式でngModelを使用できません

ホットタグ

アーカイブ