“$event.target.value”在app.component.html文件中引发错误。在角

html5 • • 问答

我刚刚在我的 Angular 应用程序中遇到错误。所以就到这里了。

在我的“app.component.html”文件中，我有以下代码。

<input (keyup)="handleEvent($event.target.value)" />

在我的“app.component.ts”中，我有以下代码。

export class AppComponent {
  title = 'blog';
  handleEvent(event: any) { // without type info
  console.log(event);
  console.log(event.target.value);
}

我的问题是，当我尝试使用“$event.target.value”访问“app.component.html”中的输入值时，出现以下错误。

**[0mProperty 'value' does not exist on type 'EventTarget'.**

另一方面，当我只将“$event”作为参数传递给“handleEvent”函数时，我就可以成功访问我的输入值。你可以看到我的“app.component.ts”文件。

为什么会发生？在“app.component.html”中是否有无法访问“事件”属性的块？

请忽略任何不成熟的错误。提前致谢。

回答

在某些上下文中使用 $any() 类型转换函数来选择退出对表达式的一部分进行类型检查

<input (keyup)="handleEvent($any($event).target.value)" />

参考

以上是“$event.target.value”在app.component.html文件中引发错误。在角的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>