of-bootstrap分页hiding/removingDOM个元素

Question

我正在使用 ng-bootstrap 分页对我的项目实施分页，我的 HTML 上有一个 ngFor 以及 slice pipe筛选要显示的元素。

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

一切正常，但问题是 Slice 管道完全删除了 DOM 中的元素，而我仍然需要从我的 typeScript 中引用那些删除的元素。

是我可以用来分页的另一个管道或方法，在处理此分页时不会从 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 独立存在是否有输入，如果您在数组上“验证”，则数组独立存在显示所有数组或仅显示部分

of-bootstrap分页hiding/removingDOM个元素

ng-bootstrap Pagination hiding/removing DOM elements

javascript

bootstrap-4

ng-bootstrap

angular