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 是否独立存在，是否有输入，如果您在数组上“验证”，则数组独立存在会显示所有数组或仅显示部分