angular监听input输入文本

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

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

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

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

inputValue: string = '';

3. 在组件中，使用 ViewChild 装饰器获取 input 元素的引用，并监听它的 input 事件：

@ViewChild('inputElement', {static: false}) inputElement: ElementRef;

ngAfterViewInit() {
  this.inputElement.nativeElement.addEventListener('input', (event: Event) => {
    this.inputValue = event.target.value;
    // 处理 input 输入文本
  });
}

在这个实现中，我们使用 ViewChild 装饰器获取了 input 元素的引用，并在 ngAfterViewInit 生命周期钩子中监听了它的 input 事件。当 input 元素的值发生变化时，我们通过 event.target.value 获取它的值，并将它赋给 inputValue 属性。我们可以在这个事件处理函数中处理 input 输入文本。