一般来说,表格数据遍历时使用*ngFor我们就可以取到索引值:
<nz-table nzSize="small" #nzTable [nzData]="DataList" [nzBordered]="true"
[nzTotal]="total">
<thead>
<tr>
<th>审批层级</th>
<th nzWidth="40%"><span>审批角色</span></th>
<th nzWidth="40%"><span>审批人员</span></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let approvalFlow of nzTable.data;let index = index;">
<td>{{index + 1}}</td>
<td>{{approvalFlow.approveRole}}</td>
<td>
<nz-input-group [nzAddOnAfter]="affixTpl">
<input nz-input (focus)="showSelectUser('defaultApproveMember',index)"
[(ngModel)]="approvalFlow.approveMember">
</nz-input-group>
</td>
</tr>
</tbody>
</nz-table>
如果我们的表单不是这样遍历出来的时候,我们可以在ts中使用下面这种方法:
这种方法是在DataList中,和已选的数据的id(this.selectedId)一致的数据的索引值——
const index = this.DataList.findIndex((item) => item.id === this.selectedId);