primeng - 在primeNG表上重置过滤器值

Question

根据https://www.primefaces.org/primeng/#/table的文档，重置方法应为“重置排序，过滤器和分页器状态”。
问题在于，重置表方法未从UI中删除过滤器。 (尽管重置后table.ts中的filter字段为{})

请在我复制它的地方看到this。
代码可以看到here
按“失败”字段(或任何其他字段)过滤“摘要”表(请参见示例)。
按重置。 =>表值将被重置，但过滤器值仍将可见。

该示例与基本表一起使用，但不适用于动态cols。

<ng-template pTemplate="header" let-columns>
<tr>
  <th *ngFor="let col of columns" [pSortableColumn]="col.field">
    {{col.header}}
    <p-sortIcon [field]="col.field"></p-sortIcon>
  </th>
</tr>
<tr>
  <th *ngFor="let col of columns">
    <input pInputText type="text" (input)="dt.filter($event.target.value, col.field, 'contains')">
  </th>
</tr>

您对如何清除输入中的过滤器有任何想法吗？

Answer 1

修复了here

对于输入字段，只需添加

[value]="dt.filters[<field>] ? dt.filters[<field>].value : ''" 

其中 <field>是 (input)方法中发送的字段。

 (input)="dt.filter($event.target.value,<field>, 'contains')"

例如:

    <th>
      <input pInputText type="text" (input)="dt.filter($event.target.value, 'date', 'contains')"
       [value]="dt.filters['date'] ? dt.filters['date'].value : ''">
    </th>