时间戳

首页 > 解决方案 > 单击表格行 - 选择复选框

html - 单击表格行 - 选择复选框

问题描述

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

<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>

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

标签： htmlangulartypescript

解决方案

您已使用双向数据绑定，[(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>
           </div>
     </li>

推荐阅读