你可以换个角度看。只在提交时更新。为此,你可以在
*ngFor
返回复制对象的数组。不过,此解决方案仅适用于浅层对象,但您也可以尝试找到一些深复制方法(下面是未经测试的代码):
管
@Pipe({
name: 'copyArr'
})
export class CopyArrPipe implements PipeTransform {
public transform(arr: object[] = []): object[] {
return arr.map(obj => ({...obj}));
}
}
模板
<ng-container *ngIf="objects | copyArr as objectsCopy">
<div *ngFor="let object of objectsCopy">
<input [(ngModel)]="object.isSelected" type="checkbox">
</div>
<button type="button" (click)="cancel()">Cancel</button>
<button type="button" (click)="commit(objectsCopy)">Commit</button>
</ng-container>
成分
@Component({...})
export class FooBarComponent {
objects = [];
cancel(){
this.objects = [...this.objects];
}
commit(newObjects) {
this.objects = newObjects;
}
}