0

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

我尝试使用slice但这不起作用

 <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。基本上如何获得列表项的绝对索引？

4

0 回答 0