2016-07-14 24 views
1

我正在重复使用ng-repeat在这里,我需要找到最后一个li活动,如果最后一个li活动,我需要禁用prev按钮。如何找到最后一个li是否在角js中是活动的

<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> 

回答

2

另一个参数添加到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 
} 
+0

谢谢阿隆我知道了 – achu

相关问题