使用NG重复和limitTo限制显示可见的项目数 [英] Using ng-repeat and limitTo to limit the number of visible items displayed

问题描述

我想我的结果集限制在一个固定的数字。我可以使用 limitTo 与 NG-重复，但无论如何这限制了他们目前的知名度的项目，并从DOM中删除项目。我想限制了一些可见的物品，同时保持一切都在DOM。

I'm trying to limit my result sets to a fixed number. I can use limitTo with ng-repeat, but this limits items regardless of their current visibility and removes items from the DOM. I want to limit to a number of visible items while keeping everything in the DOM.

下面是当前code，我有。我的目标是在列表中总是显示不超过50个项目，即使项目包含500个项目。

Here is the current code that I have. My goal is to always show no more than 50 items in the list even though items contains 500 items.

<div ng-repeat="item in items | limitTo: 50">
  <div ng-show="item.visible">
    <p>item.id</p>
  </div>
</div>

这最初将限制在50个项目，但如果我过滤列表（通过修改item.visible某些项目），列表从未显示50〜项目 - 500，而是显示少于50个项目。什么是限制的正确方法的 NG-重复，以便它只能算作对限额限制可见的项目？

This will initially limit to 50 items, but if I filter the list (by modifying item.visible on some items), the list never shows items in the range of 50 - 500 and instead displays less than 50 items. What's the right way to limit an ng-repeat so that it only counts visible items towards the limit restriction?

推荐答案

您可以使用：

<div ng-repeat="item in items | filter:{visible: true} | limitTo: 50">
    <p>{{item.id}}</p>
</div>

过滤器：{可见：真正} 将返回所有可见项目的列表

filter:{visible: true} will return a list of all visible items

您可以看看在angularjs实况有关过滤器过滤器的更多信息。
<一href=\"http://docs.angularjs.org/api/ng.filter:filter\">http://docs.angularjs.org/api/ng.filter:filter

You can take a look at the angularjs docu for more information on the filter filter. http://docs.angularjs.org/api/ng.filter:filter

这篇关于使用NG重复和limitTo限制显示可见的项目数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！