Question

我有一个绑定到数组的复选框-数组的类型为Interface，它是以下内容：

        export interface IdataTypes {
          Categories: string,
          isSelected: boolean,
        }

它的边界如下：

      <div *ngFor="let DT of DTofSectores">
        <input type="checkbox"
               name="DTofSectors"
               formControlName="DTofSectors"
               value="{{DT.Categories}}"
               (change)="onDataTypeClick($event,DT,'DTofSectors')"
                           >
        {{DT.Categories}}
      </div>

根据从下拉列表中选择的内容填充复选框。我的问题是：更改下拉菜单时，如何清除所有选中的复选框。

编辑：每当下拉列表更改如下时，我试图将绑定数组设置为null

        this.DSofSectores.push({
          category :"",
          isSelected : false
        })

但是发生的是，数组保持为空，那么我是否没有复选框！

Answer 1

当下拉列表中的值发生变化（使用ng-change）时，只需触发一个函数，并使所有复选框的ng-checked =“ false”。为简单起见，请在下拉列表中更改值时将复选框绑定为false

如何在Angular 4中重置复选框

1 个答案: