angularjs - ui-bootstrap 分页在初始化时重置当前页面

Question

我正在使用 ui-bootstrap (angular-bootstrap) 库中的分页指令。我在初始化时遇到问题。当我通过 url 导航到特定页面时，会出现问题。

发生的情况是我的 Controller 使用 $stateParams 中的正确页面进行初始化，然后分页指令初始化并触发 ng-change 函数，该函数将页面重置为 1。现在不再使用 on-select-page ，有没有办法只捕获用户点击更改页面？理想情况下，我希望指令在 Controller 之前初始化，以便我的页面不会重置。预先感谢您。

如果需要，我可以包含代码，但我觉得我的问题不一定需要代码块。

Answer 1

因此，在深入研究 Angular-Bootstrap 代码后，我找到了解决方案。他们的代码有一个对totalPages 的监视，检查当前页面是否大于totalPages 值。

Angular 引导代码:

if ( $scope.page > value ) {
  $scope.selectPage(value);
} else {
  ngModelCtrl.$render();
}

发生的情况是，如果我刷新第 3 页上的页面(例如)，我的 Controller 会暂时重新加载该页面的项目，导致总项目为 0，总页数计算为 1。这会触发 watch 和以上代码。

我的解决方案是在状态解析中加载项目，以便总项目(以及总页数)始终准确。