我正在使用Angluar的最新集版本，但出现此错误 类型"事件目标"上不存在属性"值"

Question

因此，当我将$event与onkeyup事件一起使用时，我希望输入字段的值将其传递给filter Function，它不起作用

<div class="container mx-auto p-5">
<div class="searchBar">
<div class="field">
<p class="control has-icons-left">
<input #filterInput class="input" type="text" (keyup)="filterNotes($event.target.value)" placeholder="Filter">
<span class="icon is-small is-left">
<i class="fas fa-search"></i>
</span>
</p>
</div>
</div>
</div>

类组件：

filterNotes(query: string) {
// some logic
}

Answer 1

只需添加到

"angularCompilerOptions":{
"strictDomEventtypes":false
}

在tsconfig.json文件中

Answer 2

在这种情况下，我认为$event.target不是类型化的，所以typescript不知道它是什么类型的目标，请尝试下面的代码：

在.html文件中，只传递事件：

...
<input (keyup)="filterNotes($event)">
...

在.ts文件中修改您的方法以接收事件：

filterNotes(event: Event): string {
const { value } = event.target as HTMLInputElement // forcing the type
// the rest of yout logic goes here
}