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、完成德普之星辅助软件有...
此事引发广泛关注!德州局透视脚... 此事引发广泛关注!德州局透视脚本免费版下载手机版,德普之星怎么开辅助,切实存在有挂(有挂存在)1、每...
日前!wepoker底牌透视脚... 日前!wepoker底牌透视脚本,德普之星透视辅助软件,一贯确实有挂(有挂规律)亲,关键说明,德普之...
今天上午!hhpoker软件可... 今天上午!hhpoker软件可以玩吗,德普辅助app,好像真的是有挂(有挂分析)1、德普辅助app透...
黑科技插件!wepoker模拟... 黑科技插件!wepoker模拟器哪个好用,德普之星私人局辅助免费,确实真的有挂(竟然有挂)1、德普之...
受玩家影响!wepoker永久... 受玩家影响!wepoker永久免费脚本,德扑圈有透视吗,其实确实有挂(有挂教程)1、让任何用户在无需...
现有说明如下!pokemmo辅... 现有说明如下!pokemmo辅助器,红龙poker辅助,果然真的是有挂(确实有挂)所有人都在同一条线...
代打辅助挂!wepoker免费... 代打辅助挂!wepoker免费辅助器,德扑圈透视,总是是真的有挂(果真有挂)1、德扑圈透视免费辅助多...
黑科技插件!德普辅助软件,德扑... 您好,德扑之星怎么设置埋牌这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
今年以来!cloudpoker... 今年以来!cloudpoker怎么开挂,德扑之星私人局辅助器,确实是有挂(有挂教程)1、全新机制【德...