Html 如何在选项卡内分页？

我使用了UI引导分页，它可以自己完美地工作。但是，当我添加选项卡时（使用

ulli

和

ng show

），分页不再有效。请注意，我还对要分页的内容使用

过滤器（角度）

这是我的代码——也是在JSFIDLE上：

在JSFIDLE上发布一个示例来说明问题，你会从人们那里得到更好的答案。谢谢你的反馈。我刚刚用一个JSFIDLE链接更新了这篇文章，刚刚用一个有效的链接更新了你的小提琴：；无法使筛选器正常工作，因此忽略了它们。给出这个更新的例子，你想达到什么目的？谢谢你更新我的小提琴。我添加了我的自定义过滤器startFrom，它指示将开始分页的起始项，但我无法使它在Angular 1.2上工作（JSFIDLE-mine上的最新版本是1.3）。无论如何，我的目标是在选项卡内分页。例如，当用户单击“最新”时，问题列表将相应地分页。同样，如果有问题列表，则选项卡最热。更新的提琴：我最初使用的是UI引导，这就是为什么我首先包含了它的cnd。向JSFIDLE发布一个示例来说明这个问题，你会从人们那里得到更好的答案。谢谢你的反馈。我刚刚用一个JSFIDLE链接更新了这篇文章，刚刚用一个有效的链接更新了你的小提琴：；无法使筛选器正常工作，因此忽略了它们。给出这个更新的例子，你想达到什么目的？谢谢你更新我的小提琴。我添加了我的自定义过滤器startFrom，它指示将开始分页的起始项，但我无法使它在Angular 1.2上工作（JSFIDLE-mine上的最新版本是1.3）。无论如何，我的目标是在选项卡内分页。例如，当用户单击“最新”时，问题列表将相应地分页。同样，如果有问题列表，则选项卡最热。更新的提琴：我最初使用的是UI引导，这就是为什么我首先包括了它的cnd
<ul ng-init="tabQ = 1">
  <li ng-class="{active:tabQ===1}">
    <a href ng-click="tabQ = 1">Newest</a>
  </li>
  <li ng-class="{active:tabQ===2}">
    <a href ng-click="tabQ = 2">Hottest</a>
  </li>
</ul>
<div ng-show="tabQ === 1">
    <ul class="striped-list">
        <li ng-repeat="question in questions | startFrom:begin | limitTo:itemsPerPage | filter:orderProp">
        </li>
    </ul>
</div>
<pagination total-items="totalItems" page="currentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false" direction-links="false" rotate="false" items-per-page="itemsPerPage" on-page-change="pageChanged()"></pagination>

$scope.itemsPerPage = 15;    
$scope.$watch('questions.length', function(length) {
  if(length) {
    $scope.totalItems = $scope.questions.length;
  }
});
$scope.currentPage = 1;
$scope.maxSize = 5;
$scope.$watch('currentPage', function(pageChanged) {
  $scope.begin = ($scope.currentPage-1)*$scope.itemsPerPage;
});