Angular2、データは関数内の元の変数にもバインドされています

Question

以下のように* ngForループ内のデータを複製する関数を呼び出しています。

<li (click)="replicateTicket(data);">&nbsp; Replicate</li> 

この関数の中で、変数の名前とIDを更新して配列内にプッシュします。 （与えられた例では、私はより鮮やかに動作を説明するためにデータをプッシュませんよ。

replicateTicket(data:any){ 
      data.name = data.name + ' (Replicated)'; 
      console.log(this.ticketList[this.ticketList.length-1].id); 
      data.id = 0; 
      console.log(this.ticketList[this.ticketList.length-1].id); 
} 

は何がしたいこと、それはに変更するべきではありませんよりも、元のデータのidが5の場合は0です。

1. 458 ABCの

   実行plunker

2. クリック。

3. これは、新しいデータのみではなく、現在の1を更新する必要があります。

何か間違っていますか？

Answer 1

あなたは、現在のオブジェクトのコピーを作成し、それを変更して、配列に新しいオブジェクトをプッシュし、例えばこのような何かする必要があります（私はあなたのPlunkerからコードを使用）

replicateTicket(ticket:any){ 
    let t = JSON.parse(JSON.stringify(ticket)); 
    t.name += ' (Replicated)'; 
    t.id = 0; 
    this.ticketList.push(t); 
} 

Answer 2

あなたも行うことができますこの

replicateTicket(ticket:any){ 
      let a = Object.assign({}, ticket); 
      a.name = ticket.name + ' (Replicated)'; 
      a.id = 0; 
      this.ticketList.push(a); 
     }