angular - PrimeNG 表 - 如何清除代码中的文本过滤器和 p 表

Question

一个多星期以来，我一直试图弄清楚这一点。我似乎无法在不破坏过滤器的情况下清除过滤器。我需要一个按钮来清除屏幕上的所有过滤器，这样用户就不必一一进行。

这是我的示例代码的 stackblitz 链接。有谁知道如何使这项工作？我开始认为新的 PrimeNG 表过滤器过程中存在错误。

https://stackblitz.com/edit/clear-filters?file=src/app/app.component.ts

Answer 1

p-table将您的参考变量传递#mydt给您的 clear 函数，如下所示

app.component.html

<button pButton label="Clear Filters"  class="p-button-outlined" icon="pi pi-filter-slash" (click)="clear(mydt)"></button>

和使用table.clear()方法

app.component.ts

clear(table: Table) {      
   table.clear();
} 

我已经更新了你的stackblitz：

https://stackblitz.com/edit/clear-filters-6jxnp3?file=src/app/app.component.ts