angular里($event.target.value)在一个简单的HTML表单中，当我们监听某个输入框的值变化

在Angular中，`($event.target.value)`通常用于处理表单元素（如input、textarea等）的事件，特别是当我们要监听用户在输入框中的输入变化时。当你在HTML表单上绑定一个Angular指令，比如ngModel，然后在对应的控制器或组件方法中添加一个事件处理器（通常是`(input)`或`(change)`），你可以使用 `$event.target.value` 来获取当前输入框的值。

例如：

<form (ngSubmit)="onFormSubmit($event)">
  <input type="text" [(ngModel)]="name" (input)="handleInputChange($event)">
</form>

// 在对应的 TypeScript 文件里
public handleInputChange(event: Event) {
  const inputValue = (<HTMLInputElement>event.target).value; // 获取输入框的值
  console.log('Input value changed:', inputValue);
}

public onFormSubmit(event: Event) {
  event.preventDefault(); // 阻止默认提交行为
  // 在这里可以进一步处理输入值或其他表单验证
}

在这个例子中，每当用户在输入框中键入内容，`handleInputChange` 方法会被调用，`$event.target.value` 就会得到最新输入的文本。`onFormSubmit` 会在表单提交前执行，这时也可以访问到输入框的值。