所以下面的代码是在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)">
代码给出了错误:
属性“value”在类型“EventTarget”上不存在。
但是在console.log中可以看到，该值确实存在于event.target上。
当前回答
你应该使用event.target.value prop和onChange处理程序，如果没有，你可以看到:
index.js:1437 Warning: Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.
或者如果你想使用其他处理程序而不是onChange，使用event.currentTarget.value
其他回答
添加任意类型的事件
event: any
例子
[element].addEvenListener('mousemove', (event: any) =>{
//CODE//
} )
发生的事情是typescript将“event”(在这种情况下单击)添加为事件类型，由于某种原因它不识别某些属性。将它添加为any类型不再存在此问题，这适用于任何文档。
我这样做的方式如下(比类型断言更好):
onFieldUpdate(event: { target: HTMLInputElement }) {
this.$emit('onFieldUpdate', event.target.value);
}
这假设您只对目标属性感兴趣，这是最常见的情况。如果你需要访问事件的其他属性，一个更全面的解决方案包括使用&类型交集操作符:
event: Event & { target: HTMLInputElement }
这是Vue.js版本，但这个概念适用于所有框架。显然，你可以更具体，而不是使用一个通用的htmllinputelement，你可以使用例如HTMLTextAreaElement文本区域。
React有一些接口，比如ChangeEvent用于onChange, FormEvent用于onSubmit等
我也试着做类似的事情，下面的解决方案对我有用
handleChange (e : React.ChangeEvent<HTMLInputElement>) {
console.log(e.currentTarget.value);
}
<input
autoFocus
value={this.state.account.username}
onChange={this.handleChange}
id="username"
type="text"
className="form-control"
/>
您也可以创建自己的界面。
export interface UserEvent {
target: HTMLInputElement;
}
...
onUpdatingServerName(event: UserEvent) {
.....
}
如你所知，TypeScript一直严格遵循元素数据类型。因此，如果不指定元素的数据类型，就不能直接访问元素的属性。该事件。target是一个HTMLElement，它是所有HTML元素的父元素，但不保证有属性值。
因此，我们需要对变量event进行类型转换。目标，那么只有我们可以从它访问value属性。
OnUpdatingServerName (event: Event) {
console.log(event);
var element = event.target as HTMLElement
this.newserverName = element.value;
}
