在Angular 2中选择所有复选框的方法是通过使用ngModel和ngFor指令结合使用。下面是一个完整的示例:
<div *ngFor="let item of items">
<input type="checkbox" [(ngModel)]="item.selected">
{{ item.name }}
</div>
export class MyComponent {
items = [
{ name: 'Item 1', selected: false },
{ name: 'Item 2', selected: false },
{ name: 'Item 3', selected: false }
];
}
<input type="checkbox" [(ngModel)]="selectAll" (ngModelChange)="selectAllItems()">
export class MyComponent {
items = [
{ name: 'Item 1', selected: false },
{ name: 'Item 2', selected: false },
{ name: 'Item 3', selected: false }
];
selectAll = false;
selectAllItems() {
for (let item of this.items) {
item.selected = this.selectAll;
}
}
}
这样,当用户点击"全选"复选框时,所有复选框的状态将被更新为与"全选"复选框相同的状态。
关于Angular 2的更多信息和示例,你可以参考腾讯云的Angular开发文档:Angular开发
领取专属 10元无门槛券
手把手带您无忧上云