$scope.currentPage 未更新 - Angular Ui 分页

Question

我有这个 codepen，并使用函数 '$scope.pageChanged' 查看页面何时更改。

$scope.pageChanged = function() {
 $log.log('Page changed to: ' + $scope.currentPage);
};

但是当我点击页面链接（更改页面）时，变量 '$scope.currentPage' 没有改变。为什么？

我认为是关于 filter 的，但不确定。

Answer 1

改变

$scope.currentPage = 1;

至

$scope.pagination = {
    currentPage:  1
};

因此，它应该是：

... pagination: pagination.currentPage
... ng-model="pagination.currentPage"
... $log.log('Page changed to: ' + $scope.pagination.currentPage);

您还可以将 maxSize 等其他变量分组到 pagination 中。避免将基元直接绑定到 $scope.

$scope.currentPage not updating - Angular Ui Pagination