ng-repeat显示范围

时间:2015-06-04 17:57:29

标签: angularjs angularjs-ng-repeat ng-repeat

我希望显示范围如3 4 5 6或6 7 8 9

我该怎么做?

<div ng-app ng-controller="MainCtrl">
    <ul>
        <li ng-repeat="num in nums">{{num}}</li>
    </ul>
</div>

这是我的代码:

http://jsfiddle.net/duketopmost/n9brs8hh/

非常感谢。

1 个答案:

答案 0 :(得分:2)

如何使用limitTo
docs(angularjs v1.3.15):https://code.angularjs.org/1.3.15/docs/api/ng/filter/limitTo

<li ng-repeat="num in nums | limitTo: 6 | limitTo: -4">{{num}}</li>

num = 3,4,5,6

<li ng-repeat="num in nums | limitTo: 9 | limitTo: -4">{{num}}</li>

num = 6,7,8,9

jsfiddle:http://jsfiddle.net/n9brs8hh/1/

<小时/> 编辑:另一个选择是为更复杂的操作创建一个.filter