Angular js ng-class 不起作用

Angular js ng-class not working

本文关键字：不起作用 ng-class js Angular      更新时间：2023-09-26

我正在尝试对我的信息列表进行分页。目前，有两个按钮，分别是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>

这是我的控制器.js代码：

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

这是一个工作 plunker。

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

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

这是假设您定义了一个名为 disabled 的类。如果没有，请按如下方式定义它：

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

尝试使用 totalitems.length - 1 更改totalitems - 1。

试试这个ng-class="{'disabled'： currentPage == totalItems - 1}

相关文章：