Angular 7:如何将一些复选框(使用*ngFor动态生成)重置为它之前的状态，只需单击一个按钮

在Angular 7中，要将一些复选框重置为之前的状态，只需单击一个按钮，可以按照以下步骤进行操作：

1. 首先，在组件的HTML模板中，使用*ngFor指令动态生成复选框，并使用[(ngModel)]指令绑定每个复选框的状态到组件的属性。例如：

<div *ngFor="let item of items">
  <input type="checkbox" [(ngModel)]="item.checked">{{ item.name }}
</div>
<button (click)="resetCheckboxes()">重置</button>

1. 在组件的TypeScript文件中，定义一个名为items的数组属性，用于存储复选框的状态。例如：

items = [
  { name: '选项1', checked: false },
  { name: '选项2', checked: true },
  { name: '选项3', checked: false }
];

1. 在组件的TypeScript文件中，实现resetCheckboxes()方法，该方法会将items数组中每个复选框的状态重置为之前的状态。例如：

resetCheckboxes() {
  this.items.forEach(item => {
    item.checked = false; // 将复选框状态重置为false
  });
}

这样，当点击"重置"按钮时，resetCheckboxes()方法会遍历items数组，并将每个复选框的状态重置为false，从而将复选框重置为之前的状态。

对于这个问题，腾讯云并没有特定的产品或链接与之相关。但是，腾讯云提供了丰富的云计算服务和解决方案，可以满足各种应用场景的需求。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的信息。