Angular Priming数据表：自定义过滤器输入

我需要切换放置在表格标题中的过滤器输入的可见性。 我试着这样做：

<input type="text"
       class="ui-column-filter ui-inputtext ui-widget ui-state-default ui-corner-all"
       [value]="dt.filters[col.field] ? dt.filters[col.field].value : ''"             
       (keyup)="dt.onFilterKeyup($event.value,col.field,col.filterMatchMode)"
       *ngIf="filterIsShown"/> 

但是我有一个错误

错误类型错误：无法读取未定义的属性“filters”

那么我应该从哪里得到dt.filters对象呢

------更新-------

谢谢PierreDuc的回答，但过滤器仍然不起作用：（

我根据我在这里找到的模板使用了所有参数

这是更新的plunker

您应该将

#dt

作为变量添加到

中。这将创建一个链接到

数据表

实例的模板变量：

---

但是，您必须键入整个单词（Apple）才能使其工作。但我将此问题留给您来解决：）

与PrimeFaces无关，而是PrimeNG…谢谢，但我的过滤器仍然无法工作。你知道我需要改变什么吗@kipris更新了我的答案

<p-dataTable ... #dt>

(keyup)="dt.onFilterKeyup($event.target.value, col.field, col.filterMatchMode)"