我有一个从 ngFor 循环和一个重置按钮生成的复选框列表。单击重置按钮时，如果选中了任何复选框，我想取消选中它们。

这是我的html

<li *ngFor="let item of listItems" class="filter-list__item">
    <label class="filter-list__itemLabel">
        <input type="checkbox" value="{{item.id}}" [checked]="checked" />
        <span innerHTML="{{item.name}}"></span>
    </label>
</li>
<button (click)="resetAll()"></button>

最佳答案

您可能想像这样将 checked 属性绑定(bind)到项目的状态。

<li *ngFor="let item of listItems" class="filter-list__item">
    <label class="filter-list__itemLabel">
        <input type="checkbox" value="{{item.id}}" [checked]="item.checked" />
        <span innerHTML="{{item.name}}"></span>
    </label>
</li>

<button (click)="resetAll()"></button>

现在您可以在组件中创建 resetAll 函数来访问列表项并将值重置为 false

resetAll() {
  this.listItems.forEach((item) => {
    item.checked = false;
  })

https://stackoverflow.com/questions/40172846/