除第一页外,其他页面上的筛选不会呈现数据

时间:2019-07-26 16:10:33

标签: angular typescript angular-material

我正在使用带有过滤和分页功能的物料表。当我在第一页中过滤某些内容时,它会呈现结果,但是在另一页上时,它在键入时根本不会呈现结果,并且在您键入时会返回正确的值(因此最终您会猜测是因为值不不能动态更改)。有人可以协助吗?

https://stackblitz.com/angular/dnbermjydavk?file=app%2Ftable-overview-example.ts

在上面的示例中复制它:在第一页中过滤一个值,您将在键入时看到动态呈现。在另一页上再次搜索,值消失,然后在您键入完内容后返回,或者在值不存在时看不到任何内容。问题在于行为不一样。

1 个答案:

答案 0 :(得分:1)

    applyFilter(filterValue: string) {
      filterValue = filterValue.trim(); 
      filterValue = filterValue.toLowerCase();
      this.paginator.pageIndex = 0 //after each filter it should go to the initial page
      this.dataSource.filter = filterValue;
    }