angular监听input输入

在 Angular 中监听 input 输入可以通过以下步骤实现：

1. 在 HTML 中，添加一个 input 元素，并使用 [(ngModel)] 指令绑定一个组件中的属性：

<input type="text" [(ngModel)]="inputValue">

2. 在组件中，定义一个名为 inputValue 的属性，它将保存 input 元素的值：

inputValue: string = '';

3. 当 input 元素的值发生变化时，组件中的 inputValue 属性也会相应地发生变化。

可以在组件中监听 inputValue 属性的变化，从而执行相应的操作：

ngOnInit() {
  this.inputValueChanges.subscribe(value => {
    // 处理 input 输入
  });
}

get inputValueChanges() {
  return this.form.get('inputValue').valueChanges;
}

get form() {
  return this.myForm;
}

在这个实现中，我们使用 Reactive Forms 来管理 input 元素的值。get inputValueChanges 方法返回 inputValue 的值的 Observable，我们可以订阅这个 Observable 来监听 inputValue 的变化。在 ngOnInit 生命周期钩子中，我们订阅了 inputValueChanges，从而可以处理 input 输入。