Javascript angular2数据表的搜索/筛选组件

在git代码的帮助下，我在angular2应用程序中开发了分页数据表组件：

为了实现搜索/过滤功能，我创建了一个管道并将其传递给模板，如下所示：

<tr *ngFor="let item of mf.data | filterPipe: searchTerm">

---

搜索工作正常，但页面底部的分页未更新。我认为如果我能更新“数据”，这将起作用。我可以得到解决此问题的任何建议。

尝试直接在[mfData]上使用过滤器，如下代码所示

.
.
.