Angular 素数表过滤器全局TS2339:Property';价值';不存在于类型';EventTarget';

Angular 素数表过滤器全局TS2339:Property';价值';不存在于类型';EventTarget';,angular,primeng,Angular,Primeng,我找到的所有primingp-table示例都显示了以下用于筛选表的示例 当我使用它时,我会得到一个编译错误 错误TS2339:类型“EventTarget”上不存在属性“value”。 注意:我确实启用了严格模式。首先尝试将目标解析为HTMLInputElement: <input pInputText type="text" (input)="applyFilterGlobal($event, 'contains')" placeholder=

我找到的所有priming
p-table
示例都显示了以下用于筛选表的示例

当我使用它时,我会得到一个编译错误

错误TS2339:类型“EventTarget”上不存在属性“value”。


注意:我确实启用了严格模式。

首先尝试将目标解析为HTMLInputElement:

<input pInputText type="text" (input)="applyFilterGlobal($event, 'contains')" placeholder="Filter" />

event.target是一个HtmleElement,因为您处于严格模式,HtmleElement没有value属性,编译引擎会抛出错误,将目标更改为HTMLInputElement将解决此问题。

您的HTML输入应该是这样的

<input pInputText type="text" (input)="applyFilterGlobal($event, 'contains')" placeholder="Filter" />
若你们得到了dt的错误,请在下面一行加上

  @ViewChild('dt') dt: Table | undefined;

我删掉了一些其他的部分,懒惰的加载等等。。。现在可以了。不编译阻止了我去其他地方。非常感谢。
applyFilterGlobal($event: any, stringVal: any) {
    this.dt!.filterGlobal(($event.target as HTMLInputElement).value, 'contains');
  }
  @ViewChild('dt') dt: Table | undefined;