AngularMaterial表格filterPredicate未被调用
创始人
2024-10-28 08:01:34
0

可能是因为未正确设置filterPredicate导致,可以在设置数据源时将filterPredicate传递给MatTableDataSource对象。例如:

import { MatTableDataSource } from '@angular/material/table';

export class MyComponent implements OnInit {
  displayedColumns: string[] = [/* ... */];
  dataSource = new MatTableDataSource(/* ... */);

  ngOnInit() {
    this.dataSource.filterPredicate = (data: MyData, filter: string) =>
      data.property.toLowerCase().includes(filter.toLowerCase());
  }
  /* ... */
}

如果仍然不起作用,可能需要使用手动的过滤方法,例如:

applyFilter(event: Event) {
  const filterValue = (event.target as HTMLInputElement).value;
  this.dataSource.filter = filterValue.trim().toLowerCase();
  // Manually invoke filterPredicate
  this.dataSource.filteredData = this.dataSource.data.filter(this.dataSource.filterPredicate);
}

确保filterPredicate函数返回正确的过滤结果,并手动调用过滤方法,以确保筛选正确应用。

相关内容

热门资讯

外挂练习!德普之星私人局辅助器... 外挂练习!德普之星私人局辅助器,sohoo poker辅助-原来是真的有辅助软件(哔哩哔哩)所有人都...
外挂手册!aa poker辅助... 外挂手册!aa poker辅助包,拱趴大菠萝作必弊方法-原来一直都是有辅助攻略(哔哩哔哩)拱趴大菠萝...
外挂方案!wepoker安装教... 外挂方案!wepoker安装教程,红龙poker辅助器免费观看-果然一直都是有辅助app(哔哩哔哩)...
外挂法子!佛手大菠萝13道挂哪... 外挂法子!佛手大菠萝13道挂哪里,来玩app破解版-竟然是真的有辅助脚本(哔哩哔哩)进入游戏-大厅左...
外挂策略!拱趴大菠萝有什么挂,... 外挂策略!拱趴大菠萝有什么挂,哈糖大菠萝免费辅助器-果然一直总是有辅助插件(哔哩哔哩)1、用户打开应...
外挂讲义!智星德州有脚本吗,约... 外挂讲义!智星德州有脚本吗,约局吧作必弊脚本-本来是真的有辅助插件(哔哩哔哩)1、约局吧作必弊脚本辅...
外挂绝活儿!sohoo竞技联盟... 外挂绝活儿!sohoo竞技联盟辅助器,智星德州插件-原来一直总是有辅助技巧(哔哩哔哩)1、sohoo...
外挂指南书!pokerworl... 外挂指南书!pokerworld破解版下载,哈糖大菠萝挂法-一直一直总是有辅助工具(哔哩哔哩)1、玩...
外挂阶段!德普之星私人局辅助免... 外挂阶段!德普之星私人局辅助免费,拱趴游戏破解器-真是是真的有辅助插件(哔哩哔哩)1、完成拱趴游戏破...
外挂手筋!拱趴大菠萝挂哪里,佛... 外挂手筋!拱趴大菠萝挂哪里,佛手在线大菠萝技巧-总是真的有辅助技巧(哔哩哔哩)1、玩家可以在佛手在线...