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

相关内容

热门资讯

揭秘几款!九九山城辅助,德州局... 揭秘几款!九九山城辅助,德州局脚本,高科技教程(有挂助手);相信小伙伴都知道这个九九山城辅助上存在很...
总算明白!天天微友辅助器,德州... 总算明白!天天微友辅助器,德州真人透视脚本,必赢方法(有挂详情)是一款可以让一直输的玩家,快速成为一...
总算明白!边锋辅助器小程序微信... 总算明白!边锋辅助器小程序微信,拱趴大菠萝怎么开挂,wepoke教程(有人有挂);1、当边锋辅助器小...
发现玩家!扣点点脚本辅助器,h... 发现玩家!扣点点脚本辅助器,hhpoker的辅助是真的吗,2025教程(真的有挂);扣点点脚本辅助器...
实测揭晓!微信小程序多乐辅助器... 实测揭晓!微信小程序多乐辅助器,epoker免费透视脚本,第三方教程(有挂教学)是一款可以让一直输的...
一分钟了解!楚天游辅助,拱趴大... 一分钟了解!楚天游辅助,拱趴大菠萝十三水作弊,透明挂教程(真实有挂);楚天游辅助是一款益智类棋牌手游...
查到实测!创思维激k辅助神器,... 您好,创思维激k辅助神器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
最新研发!大唐辅助软件,wep... 最新研发!大唐辅助软件,wepoker辅助器下载,科技教程(有挂秘笈);亲,有的,ai轻松简单,又可...
记者揭秘!宁夏欢乐划水辅助,约... 记者揭秘!宁夏欢乐划水辅助,约局吧游戏挂,必胜教程(确实有挂);宁夏欢乐划水辅助是一项宁夏欢乐划水辅...
2024教程!邯郸胡乐挂辅助,... 您好:邯郸胡乐挂辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...