javascript - Angular 分页，通过 Controller 设置首页

Question

我正在使用angular pagination directive ，我想做一些我希望应该相当简单的事情。

我希望能够选择设置用户开始的页面，而不是默认为第一页。理想情况下，是这样的。

在html中

<pagination total-items= "resultCount" ng-model= "currentPage" ng-change= "pageChanged()"></pagination>

在我的 Controller 中

$scope.currentPage = 3;

$scope.pageChanged = function() {
    alert($scope.currentPage + " is the current page.");
}

每次都会显示警报消息

"1 is the current page."

所以这告诉了我一些事情.. pageChange 被调用，大概是当 $scope.currentPage 从 3 更改为 1 时。为了进一步测试这一点，当我将 $scope.currentPage 设置为 1 时，不会触发 pageChanged 函数在 Controller 中。我猜测当 DOM 元素初始化时，它默认为 1，这改变了我之前的值 3。

我认为这解决了问题的要点...我如何强制该指令使用我想要的值，而不是默认的 1？不幸的是，我在文档页面上找不到类似的内容，并且指令仍然让我有些困惑。

Answer 1

您的观察是正确的。为了解决这个问题，您只需要在数据(或总项目)进入时设置 $scope.currentPage 。

$scope.setCount = function(){
  $scope.resultCount = 100;
  $scope.currentPage = 3;
}

Fiddle