Angular绑定报错：Property 'value'不存在于EventTarget类型，求解决

下面是几种可行的解决方案：

• 模板内直接类型断言
  修改HTML代码，将$event.target断言为HTMLInputElement，明确告知TypeScript元素类型：

  <input [value]="test" (input)="test = ($event.target as HTMLInputElement).value">
  

• 使用双向绑定（ngModel）
  若项目已导入FormsModule（在app.module.ts的imports数组中添加），可使用更简洁的双向绑定语法，自动处理值同步且无类型问题：

  <input [(ngModel)]="test">
  

• 组件内处理输入事件
  将事件逻辑移至组件类，在函数内完成类型断言：
  HTML代码：

  <input [value]="test" (input)="handleInput($event)">
  

  组件类代码：

  handleInput(event: Event): void {
    this.test = (event.target as HTMLInputElement).value;
  }
  

  该方式适合需要额外业务逻辑的场景，同时清晰解决类型检查问题。

内容的提问来源于stack exchange，提问作者XEX