Как динамически получить абсолютный индекс в полях Angular FormArray после разбиения на страницы? - PullRequest
Новая
       30

Как динамически получить абсолютный индекс в полях Angular FormArray после разбиения на страницы?

0 голосов
/ 25 июня 2019

Я использую массив форм для отображения данных и у меня есть метод для динамического добавления строк в таблицу. Я проверю несколько строк из одной таблицы 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 . Как получить абсолютный индекс элемента списка?

...