我的Angular代码正确吗？ 事件绑定

如何解决我的Angular代码正确吗？ 事件绑定

app.component.html

<input (keypress)="degistir($event)" />
<div> {{isim}} </div>

app.component.ts

isim: string = "";

degistir(event:any){
  this.isim = event.target.value;
}

预览：

解决方法

您可以编写更多类型安全的代码

   degistir(event:KeyboardEvent){
         this.isim = (<HTMLInputElement>event.target).value;
    }

或者如果您要检查每个按键，可以使用以下代码段

 degistir(event:KeyboardEvent){
     this.isim = event.key; 
}

,

这是正确的。

<input (keypress) = "degistir($event)" />
<div> {{isim}} </div>

isim: string ="";

degistir(event: KeyboardEvent){
this.isim= event.target.value;

,

您的代码可以正常工作，但是对与错取决于代码的明确程度。我下面的代码和您的代码一样好，但是更加明确。

<input (keypress) = "degistir($event)" />
<div> {{isim}} </div>


public isim: any; //converted to 'any' type because we don't know user input

degistir(event: KeyboardEvent): void { // typeof event is 'KeyboardEvent' and function is type of void
  this.isim = event.target.value;
}