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。