在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
方法会被触发,并获取到变更后的数据。