我使用模板文件创建了一个分页小部件,并在我的HTML页面中使用了两次。我有一个用于跳转到页面选项的选择框,以及上一页和下一页的链接。
问题在于,当我使用选择框更新当前页面并使用上一页和下一页链接时,当前页面会被更新,但选择框不会被更新。
请告诉我我做错了什么。我在构建这样的分页小部件时是否存在任何逻辑错误?
控制器代码:
这是用于重现问题的plnkr URL链接。
问题在于,当我使用选择框更新当前页面并使用上一页和下一页链接时,当前页面会被更新,但选择框不会被更新。
请告诉我我做错了什么。我在构建这样的分页小部件时是否存在任何逻辑错误?
控制器代码:
var gallery = angular.module('gallery', []);
gallery.controller('ItemListCtrl', ['$scope', function($scope){
/* Pagination Code */
$scope.currentPage = 1;
$scope.itemsPerPage = 24;
$scope.total = 100;
$scope.range = function(min, max, step){
step = step || 1;
var input = [];
for (var i = min; i <= max; i += step) input.push(i);
return input;
};
$scope.prevPage = function (){
if($scope.currentPage > 1){
$scope.currentPage--;
}
};
$scope.nextPage = function (){
if($scope.currentPage < $scope.pageCount()){
$scope.currentPage++;
}
};
$scope.pageCount = function (){
return Math.ceil($scope.total / $scope.itemsPerPage);
};
$scope.setPage = function (n){
if(n >= 0 && n <= $scope.pageCount()){
$scope.currentPage = parseInt(n, 10);
}
};
}]);
这是用于重现问题的plnkr URL链接。
.
,例如$scope.info = { currentPage: 1, itemsPerPage : 24, total : 100}
,然后在视图中通过info.currentpage
、info.itemsPerPage
访问它们。 - Rebornix$parent
可以是一个解决方法,但最好使用a.b
点符号表示法来解决这个问题。 - Rebornix