Question

我有一个角度应用程序，在其中创建了一个表格。这是桌子的摘录

<li class="row list-table-row" *ngFor="let satz of detailSatz">
     <div class="list-table-cell col-xs-1 col-sm-1 col-md-1 sel_box">
     <label><input type="checkbox" [(ngModel)]="satz.selected" (change)="checkIfAllSelected();"></label>
</div>

我的目标是，当我单击表行中的任意位置时，不仅单击“选择”按钮时，“选择”（选中）正确的复选框。我怎样才能做到这一点？

Answer 1

您已经使用两种方式与[(ngModel)]进行数据绑定，因此对绑定属性satz.selected的任何更改都会影响该复选框

<li class="row list-table-row" *ngFor="let satz of detailSatz" (click)="satz.selected">
     <div class="list-table-cell col-xs-1 col-sm-1 col-md-1 sel_box">
     <label><input type="checkbox" [(ngModel)]="satz.selected"
        (change)="checkIfAllSelected();"></label>
</li>

单击表行-选择复选框

1 个答案: