ng-bootstrap 分頁隱藏/刪除 DOM 元素

Question

我正在使用 ng-bootstrap 分頁在我的項目上實現分頁，我的 HTML 上有一個 ngFor 以及用於過濾元素顯示的切片 pipe 。

<tr *ngFor="let bankAccount of bankingAccounts | slice: (page - 1) * pageSize:(page - 1) * pageSize + pageSize;let i = index;">

一切運行良好，但問題是 Slice pipe 完全從 DOM 中刪除了元素，而我仍然需要從我的 typeScript 中引用那些刪除的元素。

是另一個 pipe 或我可以用來分頁的方法，在處理此分頁時不會從 DOM 中刪除我的元素。 謝謝..

Answer 1

你可以使用 [style.display]="?condition:'none':null" 一些像 (*)

    <ng-container *ngFor="let bankAccount of values;let i = index;">
      <tr [style.display]="i/pageSize>=page || i/pageSize<(page-1)?'none':null">
        ...
      </tr>
    </ng-container>

(*) 在代碼中我使用[style.display]=condition?'none':null

順便說一句：當你說你需要“驗證”時，我真的不明白。 如果您使用的是 FormArray，請記住 FormArray 是否獨立存在，是否有輸入，如果您在數組上“驗證”，則數組獨立存在會顯示所有數組或僅顯示部分