过滤切片的ng重复

时间:2017-11-15 21:05:37

标签: angularjs ui.bootstrap

我尝试使用分页制作表格并使用角度过滤。我找到了很好的分页示例(当然我没有“ctrl + c,ctrl + v”),但我有一个问题。我使用ng-repeat with slice但如果我要| filter这不起作用正确,因为过滤的项目没有更改页面。例如,如果项目在第二页上,我过滤,只有一个stiil停留在第二页反对转到第一。查看代码,请帮我制作工作过滤器

http://embed.plnkr.co/eheFSh/

1 个答案:

答案 0 :(得分:3)

在这种情况下,您应首先应用filter,然后才应用分页,即slice

name: <input type='text' ng-model='searchName'/>
id: <input type='text' ng-model='searchId'/>

<tr ng-repeat="row in (data | filter : {name:searchName, id: searchId }).slice(((currentPage-1)*itemsPerPage), ((currentPage)*itemsPerPage))">
     <td>{{row.name}}</td>
     <td>{{row.id}}</td>
</tr>