角度页面更改后,NGX 分页搜索过滤器不起作用

分享于2022年12月29日 angular angular13 pagination 问答
【问题标题】:NGX pagination search filter is not working after page change in angular角度页面更改后,NGX 分页搜索过滤器不起作用
【发布时间】:2022-12-21 14:15:52
【问题描述】:

这是搜索过滤器指令

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {
  transform(items: any[], searchText: string): any[] {
    if (!items) return [];
    if (!searchText) return items;
  
    return items.filter(item => {
      return Object.keys(item).some(key => {
        return String(item[key]).toLowerCase().includes(searchText.toLowerCase());
      });
    });
   }
}

下面是带有数组表的 HTML 代码







当分页搜索过滤器工作在第一页时,它工作正常。但是,当单击发送页面并搜索任何表格数据时,它不起作用并且数据表格未过滤。数据表数组显示空白。


【解决方案1】:

每次更改页面时都必须提供总项目,因此将其添加到您的代码中,它应该可以工作。

分页:{itemsPerPage:count,currentPage:p,,totalItems:userArray2.length}“

我这样解决了这个问题:D

【讨论】: