可以通过在 HTML 中添加一个自定义指令来解决此问题,该指令会触发一个事件,并将完整的输入文本作为参数传递给事件处理程序。
HTML 代码:
Directive 代码:
import { Directive, Output, EventEmitter, HostListener } from '@angular/core';
@Directive({
selector: '[my-input-directive]'
})
export class MyInputDirective {
@Output() fullText = new EventEmitter
@HostListener('input', ['$event.target.value']) onInputChange(value: string) { this.fullText.emit(value); } }
Component 代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template:
})
export class AppComponent {
onFullText(value: string) {
console.log('Full text:', value);
}
}