TypeScript 中的 EventTarget 类型不存在属性“值”

如何解决TypeScript 中的 EventTarget 类型不存在属性“值”

event.target这是一个HTMLElement它是所有 HTML 元素的父元素，但不保证具有 propertyvalue。TypeScript 检测到这一点并抛出错误。转换event.target为适当的 HTML 元素以确保它HTMLInputElement确实具有value属性：

(event.target as HTMLInputElement).value

根据文档：

键入 $event

上面的示例将 转换$event为any类型。这以某种代价简化了代码。没有类型信息可以揭示事件对象的属性并防止愚蠢的错误。

[…]

现在$event是一个特定的KeyboardEvent.

（强调我的）

解决方法

所以下面的代码在 Angular 4 中，我不知道为什么它不能按预期的方式工作。

这是我的处理程序的片段：

onUpdatingServerName(event: Event) {
  console.log(event);
  this.newserverName = event.target.value; //this wont work
}

HTML 元素：

<input type="text" class="form-control" (input)="onUpdatingServerName($event)">

代码给了我错误：

“EventTarget”类型上不存在属性“值”。

但可以看出，console.log该值确实存在于event.target.