复制对象的值而不绑定它们

Sel*_*sam 3 angular

我想将对象(item)的值复制到另一个(editedItem),将其放入表单并修改它,同时原始对象仍然显示不变.

<a (click)="editedItem=item">Edit</a>
Run Code Online (Sandbox Code Playgroud)

使用此方法绑定两个对象,修改editedItem时Item更改.有没有办法只是复制值而不绑定对象?

Fil*_*auc 6

如果您不关心类型,可以使用JSON.parse(JSON.stringify()).

这是一个例子:

HTML

<a (click)="copy()">Edit</a>
Run Code Online (Sandbox Code Playgroud)

TS

copy() {
   this.editedItem = JSON.parse(JSON.stringify(this.item))
}
Run Code Online (Sandbox Code Playgroud)