角度分页,通过控制器设置第一页

时间:2015-06-24 15:39:31

标签: javascript angularjs pagination angular-ui-bootstrap angular-directive

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

我希望选择设置用户启动的页面,而不是默认为第一页。理想情况下,这样的事情。

在html中

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

在我的控制器中

$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函数在控制器中。我猜测在初始化DOM元素时,它默认为1,这会改变我之前的3值。

我认为这是问题的要点......如何强制此指令使用我想要的值,而不是默认值1?不幸的是,我在文档页面上找不到这样的东西,指令仍然让我感到困惑。

1 个答案:

答案 0 :(得分:0)

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

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

Fiddle