Angular:查询DataList中符合条件的行数据的索引值index

一般来说,表格数据遍历时使用*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);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值