Angular 6 - 文本字段变更事件没有数据_编程开发

Angular 6 - 文本字段变更事件没有数据

创始人

2024-10-16 02:30:31

0次

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

上一篇：Angular 6 - 未检测到匹配的服务工作者

下一篇：Angular 6 - 文件上传不支持的媒体类型 415

Angular 6 - 文本字段变更事件没有数据

相关内容

热门资讯