$ scope.currentPage not updating - Angular Ui Pagination

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.

Codepen