angular input输入框事件 ngModel ngModelChange_angular input事件

作者：繁依Fanyi0 | 2024-03-12 07:13:50

踩

angular input事件

angular input输入框事件 ngModel ngModelChange

需求描述

在输入框内输入文字，实现筛选数据，当输入框没有数据时也自动筛选数据

实现代码

<input type="text" nz-input placeholder="请输入关键字..." 
	[(ngModel)]="searchValue" (ngModelChange)="onSearchChange($event)" />
1
2

onSearchChange(result: string): void {
    console.log('test searchVal',this.searchVal)
    //这里是重新获取的数据，tab1Data()是带有搜索条件接口获取的数据
    this.tab1Data()
  }
1
2
3
4
5

当输入框有值变化时，自动完成筛选数据；
当输入框清空时，自动完成筛选数据

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/222933