所以下面的代码是在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
其他回答
要解决这个问题，使用$any类型转换函数($any($event.target).value)来停止模板中的类型检查。
点击这里阅读更多。
将HTMLInputElement作为泛型传递给事件类型也可以工作:
onUpdatingServerName(event: React.ChangeEvent<HTMLInputElement>) {
console.log(event);
this.newserverName = event.target.value;
}
声明接口
export interface HTMLInputEvent extends Event {
target: HTMLInputElement & EventTarget;
}
哪种类型可以作为不同输入事件的类型重用
public onChange(event: HTMLInputEvent) {
const value = event.target.value;
}
添加任意类型的事件
event: any
例子
[element].addEvenListener('mousemove', (event: any) =>{
//CODE//
} )
发生的事情是typescript将“event”(在这种情况下单击)添加为事件类型，由于某种原因它不识别某些属性。将它添加为any类型不再存在此问题，这适用于任何文档。
在模板中-
`(keyup)="value2=$any($event.target).value"`
在组件中-
getInput(event: Event) {
this.value1 = (event.target as HTMLInputElement).value;
}
