angularjs – 限制不起作用

发布时间：2020-12-17 17:56:34 所属栏目：安全来源：网络整理

导读：AngularJS LimitTo过滤器不能用于ng-repeat.我创建了分页然后我需要隐藏,除了前两项.问题是,分页由$index创建为跟踪.这是限制过滤器无法正常工作. 反正有没有创建分页？我是AngularJS的初学者,所以任何人都可以帮我解决这个问题. li ng-repeat="i in getNumb

AngularJS LimitTo过滤器不能用于ng-repeat.我创建了分页然后我需要隐藏,除了前两项.问题是,分页由$index创建为跟踪.这是限制过滤器无法正常工作.

反正有没有创建分页？我是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>

解决方法

请在过滤前删除$index跟踪,并在过滤后添加,如下所示.

因为过滤器类似limitTo orderBy必须在$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>

这将工作:)

干杯

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!