如何给动态搜索框添加去抖时间,以搜索表格数据?我已经查看了网站上的一些解决方案,但我的代码有点不同,我没有使用任何节流或其他东西,所以我有点困惑。
我的模板代码:
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search element">
而 TypeScript 是为此而生的:
applyFilter(filterValue: string) {
this.tableDataSource.filter = filterValue.trim().toLowerCase();
}
我希望为搜索添加防抖时间,以便每2秒进行一次搜索,而不是在每次更改时发送大量请求。
提前致谢。
我已经尝试使用管道从另一个方法调用该方法。
filterData(filterValue: string) {
this.applyFilter(filterValue).pipe(debounceTime(2000))
}
但现在它显示:类型void上不存在管道