Javascript Angular js ng类不工作
我正在尝试为我的信息列表分页。目前,有两个按钮,分别是Javascript Angular js ng类不工作,javascript,angularjs,Javascript,Angularjs,我正在尝试为我的信息列表分页。目前,有两个按钮,分别是previous和next按钮。previous按钮正在工作,但next按钮正在工作,但仍在继续工作。事实上,我希望在到达列表末尾后将其禁用。但现在我仍然可以点击下一步按钮 如何解决此错误 这是我的分页代码: <div ng-show="filteredItems > 0"> <ul class="pagination" page="currentPage"> <li ng-class="{dis
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);
}
};
}
$scope.nextPage=函数(){
如果($scope.currentPage<$scope.totalItems-1){
$scope.currentPage++;
log($scope.totalItems);
}
};
}
这是一个工作
将ngClass
从a
移动到li
或ngClass
移动到a
。对于第一种情况:
<li ng-class="{disabled: currentPage == totalItems - 1}" ng-click="nextPage()">
<a>Next »</a>
</li>
尝试用
totalitems.length-1
更改totalitems-1
试试这个
ng class=“{'disabled':currentPage==totalItems-1}将ng单击移动到包含锚定标记的li,我想问题出在totalItems上。我当前的页面值是1,我的totalItems值是1000。确切地说,条件永远不会变为真,这就是为什么没有应用
禁用类的原因。禁用不需要引号;这是Javascript对象文字,其中键可以正常工作(在限制范围内)。你能让js为它拉小提琴吗