0

Angular2 アプリケーションで厄介な状況が発生しました。複数の行を持つテーブルがあり、各行には [(ngModel)] を使用した 2 ウェイ バインディングの列が含まれています。追加と削除の 2 つのボタンがあり、テーブルに使用される値のリストをプッシュ/スプライスします。

新しいアイテムをリストにプッシュするか、リストからアイテムをスプライス (削除) すると、テーブルが適切に更新されます。

唯一のバグは、リストから行 (項目) を削除してから新しい項目を追加すると、テーブルの 1 行が空の値で表示されることです。Chrome の開発者ツールで html ソースを確認したところ、モデルがの行には正しい値が含まれているため、表示上の問題のみです。どうしてですか?

4

1 に答える 1

0

これは Angular2 でループ内の要素を削除すると表示されないためです。削除アクションを変更して解決しました: リスト項目をクリアし、削除する必要がある要素を除いて同じ要素を作成します。

于 2016-11-20T14:54:51.180 に答える