javascript - $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);

您还可以在 pagination 中对其他变量进行分组，例如 maxSize。避免将基元直接绑定(bind)到 $scope。

Codepen