Angular 2で予期しないバインディングが発生しました

Question

PrimeNG DataTableを使用してAngular 2アプリケーションで非常に奇妙な問題が発生しています。 [editable]"true"構文を使用して、DataTableのデータを変更することは可能です。

DataTableのデータは、inschrijvingenと呼ばれます。 私はthis.originalInschrijvingen = this.inschrijvingenを使って 'コピー'を作成してから、ユーザーがデータを変更して後の段階で変更を比較できるようにしています。しかし何らかの理由でDataTableのデータバインディングがoriginalInschrijvingenとinschrijvingenの両方にバインドされています。ここで

は私のコードです：

onRowSelectUser(event) { //This is a different DataTable than the editable DataTable 
    this.getGebruikerZijnInschrijvingen(res => { 
     this.createRoleID(res => { 
     let selectedIds = this.gebruikerZijnInschrijvingen.map(it => it.DefUnitID); 
     this.selectedInschrijvingen = this.inschrijvingen.filter(inv => selectedIds.indexOf(inv.ID) != -1); 
     this.originalInschrijvingen = this.selectedInschrijvingen; 
     }) 
    }) 
    } 

Answer 1

this.selectedInschrijvingenはあなたが彼らは、彼らが同じ配列を表すため、参照によってコピーされている別の使用=オペレータに1つの配列を割り当てるときアレイとJavaScriptであると思われます。

あなたは、以下

this.originalInschrijvingen = this.selectedInschrijvingen.slice(); 

を行うことができスライス（）メソッドは、（エンド含まれていない）を終了し始めるから選択された新たな配列オブジェクトに配列 の部分の浅いコピーを返します。 元の配列は変更されません。

これが役立ちます。