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函数返回正确的过滤结果,并手动调用过滤方法,以确保筛选正确应用。

相关内容

热门资讯

透视有挂!拱趴大菠萝机器人,微... 透视有挂!拱趴大菠萝机器人,微乐小程序游戏破解器,揭幕透视(有挂透明挂)-哔哩哔哩1、完成拱趴大菠萝...
脚本解密!aapoker怎么拿... 脚本解密!aapoker怎么拿好牌,aapoker如何设置胜率(透视)好像真的有挂(哔哩哔哩)1、实...
突发!wepoker模拟器哪个... 突发!wepoker模拟器哪个好用,微乐自建房运势高有什么表现,总结脚本(有挂功能)-哔哩哔哩该软件...
透视教你!破解辅助插件wepo... 透视教你!破解辅助插件wepoker,we-poker辅助软件教程(透视)真是有方法(哔哩哔哩)1、...
透视数据!德普之星辅助器app... 透视数据!德普之星辅助器app,微信微乐陕西小程序破解器,推荐透视(的确有挂)-哔哩哔哩1)德普之星...
透视关于!wpk俱乐部是真的吗... 透视关于!wpk俱乐部是真的吗,微扑克微乐辅助(透视)好像真的是有挂(哔哩哔哩)进入游戏-大厅左侧-...
据权威媒体报道!wpk私人局辅... 据权威媒体报道!wpk私人局辅助是真的吗,微乐自建房运势高有什么表现,专业透视(有挂技巧)-哔哩哔哩...
脚本了解!aapoker辅助器... 脚本了解!aapoker辅助器怎么用,aapoker透视脚本入口(透视)果然真的是有软件(哔哩哔哩)...
据统计!wepoker辅助器,... 据统计!wepoker辅助器,微乐智能插件激活码,揭幕脚本(的确有挂)-哔哩哔哩运wepoker辅助...
相较于以往!pokemomo辅... 相较于以往!pokemomo辅助工具,微乐小程序辅助脚本靠谱的,必备透视(真是有挂)-哔哩哔哩1、完...