限制不工作

时间:2016-07-11 06:12:30

标签: angularjs pagination

AngularJS LimitTo过滤器无效ng-repeat。我创建了分页然后我需要隐藏,除了前两项。问题是,分页创建为track by $index。那是limitTo过滤器无法正常工作。

无论如何都要创建分页?我是AngularJS的初学者,所以任何人都可以帮助我解决这个问题。

<li ng-repeat="i in getNumber(myNumber) track by $index | limitTo: 2" ng-class="{active: $index == selected}" ng-click="select($index)">
   <button ng-click="loadFromMenu($index+1)" ng-class="pageList">
       {{$index+1}}
   </button>
</li>

2 个答案:

答案 0 :(得分:10)

请在过滤前删除track by $index,并在过滤后添加,如下所示。

因为limitTo orderBy之类的过滤器必须在track by $index之前。

<li ng-repeat="i in getNumber(myNumber)  | limitTo: 2 track by $index" ng-class="{active: $index == selected}" ng-click="select($index)">
   <button ng-click="loadFromMenu($index+1)" ng-class="pageList">
       {{$index+1}}
   </button>
</li>

这将有效:)

欢呼声

答案 1 :(得分:0)

ng-repeat

中删除<li ng-repeat="i in getNumber(myNumber) | limitTo: 2" </li>
{{1}}