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

相关内容

热门资讯

黑科技工具(wpk最新黑科技)... 黑科技工具(wpk最新黑科技)wpk胜率跟号有关系么(WpK)原来存在有挂(有挂解密)-哔哩哔哩wp...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpkplus有辅助器吗(WPk)一直存在有挂(真是有挂)-哔哩哔哩1...
黑科技好友(wpk ai辅助)... 黑科技好友(wpk ai辅助)wpk透视辅助合作(WPK)一直真的有挂(了解有挂)-哔哩哔哩;1、玩...
黑科技规律(wpk ai辅助)... 黑科技规律(wpk ai辅助)wpk透视辅助购买渠道(WpK)原来有挂(有挂头条)-哔哩哔哩;1、很...
黑科技科技(wpk ai辅助)... 黑科技科技(wpk ai辅助)wpk数据统计软件会不会被封号(WPk)本来真的是有挂(有挂方法)-哔...
黑科技讲解(wpk ai辅助)... 黑科技讲解(wpk ai辅助)wpk职业代打(WPk)一直存在有挂(新版有挂)-哔哩哔哩1、游戏颠覆...
黑科技有挂(wpk ai辅助)... 黑科技有挂(wpk ai辅助)wpk发牌算法(wPK)一直存在有挂(有挂分析)-哔哩哔哩1、wpk发...
黑科技软件(wpk ai辅助)... 黑科技软件(wpk ai辅助)wpk有长期盈利玩家吗(wpK)竟然是真的有挂(有挂技巧)-哔哩哔哩1...
黑科技肯定(wpk ai辅助)... 黑科技肯定(wpk ai辅助)wpk辅助(WpK)确实存在有挂(有挂猫腻)-哔哩哔哩;1、wpk a...
黑科技能赢(wpk ai辅助)... 黑科技能赢(wpk ai辅助)wpk号一直输(wpK)确实是真的有挂(有挂实锤)-哔哩哔哩1)wpk...