使用angularJs 1表分页过滤所有页面

时间:2019-01-22 17:07:34

标签: angularjs material-design angularjs-material

我正在尝试使用分页过滤表,但是搜索文本仅过滤当前页面的记录。我不仅要过滤当前页面的整个数据集。

代码段1:

<tbody md-body >    
  <tr md-row md-select="serverToConfigure"
             ng-repeat="s in $parent.servers  | orderBy: query.serverOrder | limitTo: query.limit : (query.page -1) * query.limit | filter :searchPhrase">
    <td md-cell>{{s.serverId}}</td>
    <td md-cell>{{s.serverName}}</td>
    <td md-cell>{{s.environmentName}}</td>
    <td md-cell>{{s.lastUpdated | date :"short"}}</td>
    <td md-cell><md-icon ng-style="{'color': generateStatusColor(s.statusColor)}">{{getIconByColor(s.statusColor)}}</md-icon></td>
    <td md-cell><md-button class="md-fab md-mini" style="background-color:#86bc25" ng-click="toggleConfigView('config');setServerToConfigure(s)" ><md-icon>build</md-icon> <md-tooltip >configure</md-tooltip></md-button></td>
  </tr>
</tbody>

代码段2:

<tr md-row md-select="serverToConfigure"
           ng-repeat="s in $parent.servers  | filter :searchPhrase | orderBy: query.serverOrder | limitTo: query.limit : (query.page -1) * query.limit ">

设置了初始过滤器后,搜索功能仅过滤当前页面记录。

我进行了代码段2中提到的一些更改,并且随着更改,搜索文本正在过滤表中的所有记录,但过滤后的项目未显示在当前页面上。过滤后的记录始终显示在首页上,这使用户再次选择首页来查看结果很麻烦。

有什么可行的方法可以使它工作?谢谢。

0 个答案:

没有答案