Angularjs 如何确定最后一个li在angular js中是否处于活动状态
我正在使用ng repeat重复li,在此我需要找到最后一个li处于活动状态,如果最后一个li处于活动状态,我需要禁用prev按钮Angularjs 如何确定最后一个li在angular js中是否处于活动状态,angularjs,Angularjs,我正在使用ng repeat重复li,在此我需要找到最后一个li处于活动状态,如果最后一个li处于活动状态,我需要禁用prev按钮 <div class="pagination"> <button ng-disabled="start == 0" ng-click="prevPage()">Prev</button> <ul> <li ng-repeat="i in getNumber(myNumber) | l
<div class="pagination">
<button ng-disabled="start == 0" ng-click="prevPage()">Prev</button>
<ul>
<li ng-repeat="i in getNumber(myNumber) | limitTo: pagerStep 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>
</ul>
<button ng-disabled="start == lastStart" ng-click="nextPage()">Next</button>
</div>
上
-
{{$index+1}}
下一个
将另一个参数添加到select()
函数:isLast
,并从视图调用它ng click=“select($index,$last)”
,然后您可以升起另一个标志,指示上次单击的元素是否是ngRepeat
中的最后一个元素,并使用该标志禁用prev按钮:
视图:
<div class="pagination">
<button ng-disabled="start == 0" ng-click="prevPage()">Prev</button>
<ul>
<li ng-repeat="i in getNumber(myNumber) | limitTo: pagerStep track by $index" ng-class="{active: $index == selected}" ng-click="select($index, $last)">
<button ng-click="loadFromMenu($index+1)" ng-class="pageList">
{{$index+1}}
</button>
</li>
</ul>
<button ng-disabled="isLast" ng-click="nextPage()">Next</button>
</div>
$scope.select = function(selectedIndex, isLast) {
$scope.selected = selectedIndex;
$scope.isLast = isLast;
// And the rest of your code of course
}