在Angular中,取消选择所有复选框的方法可以通过遍历复选框的列表,并将每个复选框的checked属性设置为false来实现。以下是一个示例代码:
{{ checkbox.label }}
export class YourComponent {
checkboxes = [
{ label: '复选框1', checked: false },
{ label: '复选框2', checked: false },
{ label: '复选框3', checked: false }
];
deselectAll() {
this.checkboxes.forEach(checkbox => {
checkbox.checked = false;
});
}
}
在上述代码中,checkboxes数组包含了复选框的信息,每个对象都有一个label属性和一个checked属性。deselectAll方法使用forEach方法遍历checkboxes数组,并将每个复选框的checked属性设置为false。
当点击“取消选择所有”按钮时,deselectAll方法会被触发,从而取消选择所有复选框。