如何在动态表格角度2中分别为每列添加全选

时间:2018-04-03 16:46:38

标签: javascript html angular

我设计了动态输入矩阵表。在那需要为每列添加select all选项。怎么做?

这里代码:

<table [ngClass]="{'isDisplay': hasACLAccess}" class="responsive-table-input-matrix" id="matrixTable">
    <thead>
        <tr>  
            <th>Features/Roles</th>
            <th *ngFor="let column of TableConfiguration.columns;">
                {{column.title}}
            <th>
        </tr>
    </thead>
    <tbody *ngFor=" let feature of featureNameList">
        <tr>
            <td>{{feature.name}}</td>
            <td *ngFor="let a of feature.roles">
            <input name="access" [(ngModel)]="a.access" type="checkbox" 
                (change)="accessArrayList($event)">
            </td>
        </tr>
     </tbody>
</table>

提前致谢。

enter image description here

在此,如果HR复选框已选中,则所有复选框属于HR栏应该选择,同样也为未选中状态。