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

相关内容

热门资讯

一分钟揭秘!甬城竞技辅助器功能... 一分钟揭秘!甬城竞技辅助器功能app,甬城竞技原来真的是有辅助器app亲,关键说明,甬城竞技透视脚本...
科技分享!瓜瓜丰城棋牌透视功能... 科技分享!瓜瓜丰城棋牌透视功能软件,瓜瓜丰城棋牌一贯有透视软件所有人都在同一条线上,像星星一样排成一...
盘点十款!新二号开挂功能神器,... 盘点十款!新二号开挂功能神器,新二号确实是真的有开挂神器1、新二号有没有辅助教程、新二号有透视吗等服...
揭秘真相!快乐吧开挂功能app... 揭秘真相!快乐吧开挂功能app,快乐吧总是真的是有开挂app1、用户打开应用后不用登录就可以直接使用...
玩家必备科普!剧乐部辅助器功能... 玩家必备科普!剧乐部辅助器功能神器,剧乐部一贯是有辅助器神器1)剧乐部免费钻石:进一步探索剧乐部免费...
终于懂了!乐奕互娱辅助功能工具... 终于懂了!乐奕互娱辅助功能工具,乐奕互娱其实真的是有辅助工具该软件可以轻松地帮助玩家将乐奕互娱外卦神...
每日必看!新世界辅助器功能软件... 每日必看!新世界辅助器功能软件,新世界竟然存在有辅助器软件新世界能透视中分为三种模型:新世界模拟器、...
总算了解!奕棋耍大牌辅助器功能... 总算了解!奕棋耍大牌辅助器功能攻略,奕棋耍大牌一直真的是有辅助器攻略所有人都在同一条线上,像星星一样...
科普常识!好运南京麻将透视挂功... 科普常识!好运南京麻将透视挂功能攻略,好运南京麻将果然存在有透视挂攻略1、科普常识!好运南京麻将透视...
研究成果!众汇棋牌透视挂功能软... 研究成果!众汇棋牌透视挂功能软件,众汇棋牌原来真的是有透视挂软件所有人都在同一条线上,像星星一样排成...