在Angular 6中,可以使用ngModelChange事件来处理文本字段的变更事件,然后获取变更后的数据。
以下是一个示例代码:
在组件的模板文件中(例如app.component.html),使用ngModel指令绑定文本字段,并添加ngModelChange事件处理方法:
在组件的类文件中(例如app.component.ts),定义myData变量和onTextChange方法:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
myData: string;
onTextChange(event: any) {
console.log(event); // 输出变更后的数据
}
}
在上面的示例中,myData变量绑定了文本字段的值,onTextChange方法通过event参数获取了变更后的数据,并将其输出到控制台。
这样,当文本字段的值发生变化时,onTextChange方法会被触发,并获取到变更后的数据。