Werte von Objekten kopieren, ohne sie zu binden

Question

Ich möchte kopieren die Werte eines Objekts (Element) in ein anderes (editedItem) kopieren, um es in ein Formular zu setzen und zu ändern, während das ursprüngliche Objekt unverändert angezeigt wird.

Mit diesem Ansatz werden die beiden Objekte gebunden, Element ändert sich, wenn das editedItem geändert wird. Gibt es eine Möglichkeit, die Werte einfach zu kopieren, ohne die Objekte zu binden?

Answer 1

Sie können JSON.parse (JSON.stringify()) verwenden, wenn Sie sich nicht um die Typen kümmern. Hier

ein Beispiel:

HTML

<a (click)="copy()">Edit</a> 

TS

copy() { 
    this.editedItem = JSON.parse(JSON.stringify(this.item)) 
} 

Answer 2

Nun, mir gewünscht hätte dies ohne eine zusätzliche Funktion getan haben, aber das funktioniert.

<a (click)="toEditItem(item)">Edit</a> 

    toEditItem(item) { 
     this.editItem= Object.create(item); 
    }