Angular js ng class not working

Question

我正在尝试为我的信息列表做分页。目前，有两个按钮，分别是previous和next按钮。 previous按钮正在工作，但next按钮正在工作，但其连续工作。实际上，我希望一旦列表结束，它就会被禁用。但现在我仍然可以点击下一个按钮。

我该如何解决这个错误？

这是我的分页代码：

<div ng-show="filteredItems > 0"> 

<ul class="pagination" page="currentPage"> 
    <li ng-class="{disabled: currentPage == 1}"> 
     <a href ng-click="prevPage()">« Prev</a> 
    </li> 

    <li ng-class="{disabled: currentPage == totalItems - 1}"> 
     <a href ng-click="nextPage()">Next »</a> 
    </li> 
    </ul> 
</div> 

这是我的controller.js代码：

$scope.nextPage = function() { 
    if ($scope.currentPage < $scope.totalItems - 1) { 
      $scope.currentPage++; 
      console.log($scope.totalItems); 
     } 
    }; 
} 

Answer 1

这里的工作plunker.

移动从a的ngClick到liOR将ngClass移动到a。对于第一种情况：

<li ng-class="{disabled: currentPage == totalItems - 1}" ng-click="nextPage()"> 
    <a>Next »</a> 
</li> 

，这是假设你有定义的类名为disabled。如果不是，如下定义它：

.disabled { 
    opacity: 0.5; 
    pointer-events: none; 
} 

Answer 2

尝试改变totalitems - 1与totalitems.length - 1。