带复选框的离子表

Question

我想知道如何执行以下操作： https://bootsnipp.com/snippets/featured/bootstrap-snipp-for-datatable 在不使用jQuery的离子角度应用程序中。 谢谢。

Answer 1

您的意思是全选/全选吗？

<ion-checkbox (ionChange)="selectAll()" [(ngModel)]="selectAllChecked"></ion-checkbox>
<ng-template ngFor let-item [ngForOf]="rows">
    <ion-checkbox [(ngModel)]="item.checked"></ion-checkbox>
</ng-template>
//js
public selectAllChecked = false;
public rows=[{},{},{}];
selectAll() {
    if (this.selectAllChecked) {
        this.rows.map(item => item.checked = true);
    } else {
        this.rows.map(item => item.checked = false);
    }
}