具有列值的空格的材料表数据源过滤器

Posted 2023-02-19

我们对具有包含空格的值的列进行过滤，例如：'Test 1'，'Test 12'，'Test 3'

我做了这样的自定义谓词

this.dataSource.filterPredicate = function(data: any, filterValue: string) 
      return data.UserName /** replace this with the column name you want to filter */
        .replace(/\s/g, "").trim()
        .toLocaleLowerCase().indexOf(filterValue.replace(/\s/g, "").trim().toLocaleLowerCase()) >= 0;
    ;

然后是一个函数applyFilter：

applyFilter(filterValue: string) 
    this.dataSource.filter = filterValue.trim().toLowerCase();
  

我仍然遇到问题：我搜索“ Test 1”，我在结果数据源中看到Test 2，Test 3，Test 4 ...

我想我错过了什么

感谢您的帮助

洛朗

答案

我认为您的索引搜索必须> 0

indexOf(...) > 0

另一答案

解决了问题，独立于Angular 9，但我的异步错误