用于angular2数据表的搜索/过滤组件

Question

我已经在我的angular2应用程序中借助这个git代码开发了一个分页数据表组件：https://github.com/mariuszfoltak/angular2-datatable

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

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

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

Answer 1

尝试直接在[mfData]上使用过滤器作为下面的代码。

<table class="table table-striped" [mfData]="(singleData | search:searchText)" #mf="mfDataTable" [mfRowsOnPage]="10">

.
.
.
</table>