mat-paginator 不能很好地与 [hidden] 配合使用

Question

最近，当我使用“mat-table”时，不得不使用“mat-paginator”并发现 [hidden] 属性对其没有任何影响。然后我最终使用了

<mat-paginator [ngStyle]="{display: nodes.length >0 ? 'block' : 'none'}" [pageSize]="50" [pageSizeOptions]="[5, 25, 50, 100]">

相反， *ngIf 正在工作，但是..它给我带来了动态数据和可观察的麻烦。

请问有什么正确的想法吗？

Answer 1

以下内容刚才对我有用：

1. 添加一个新元素（例如 div）作为 mat-paginator 的父元素
2. 将 [hidden] 属性和条件添加到父 div 元素

例如：

<div [hidden]="nodes.length <= 0">
  <mat-paginator [pageSize]="50" [pageSizeOptions]="[5, 25, 50, 100]"></mat-paginator>
</div>

这似乎也适用于动态数据。