分页后如何动态获取Angular FormArray字段中的绝对索引？

Question

我正在使用一个表单数组来显示数据，并拥有一种在表中动态添加行的方法。我将检查一个表 ASNlst 中的多行，并将其推到另一表 ConnectedASNlst 中。这很好。但是，当我尝试检查第二页（例如：第2页和第3行）中的行时，现在已经实现了分页，但我仍然会看到第1页和第3行记录从 ASNlst 移至 ConnectedASNlst 。如何获取动态反应形式的索引值

我尝试使用切片，但这不起作用

 <tr formArrayName="ASNlst" *ngFor="let availableASN of
  lstAvailableASN | slice: (page-1) * pageSize : (page-1) * pageSize +
  pageSize ;let i = index;">

---

<form [formGroup]="form" (ngSubmit)="submitToConnect()">              
    <table class="table table-condensed">                  
        <tr formArrayName="ASNlst" *ngFor="let availableASN of lstAvailableASN ; let isCollapsed = true;let i = index;">                    
            <td>
                <input type="checkbox" [formControlName]="i" checked (change)="selChk(availableASN, i)" />
            </td>
            <td class=" form-control-sm">
                <div>
                    Supplier:
                    <b>{{availableASN.supplier}}</b>
                </div>
                <div>
                    ASN:
                    <b>{{availableASN.asnNumber}}</b>
                </div>
                <div>
                    ShipDateTime:
                    <b>{{availableASN.shipDate}}</b>
                </div>                      
            </td>
        </tr>
    </table>
    <button class="col-12 btn btn-secondary btn-sm" id="btnClearConnect" type="submit" [disabled]="form.invalid">Connect</button>
</form>

我应该能够将所有页面中的选中行从 ASNlst 移到 ConnectedASNlst 。基本上，我如何获取列表项的绝对索引？