Как использовать UI Bootstrap Pagination для таблицы, созданной с помощью ng-repeat

Я пытаюсь сохранить нумерацию страниц в своем приложении Angular, используяuib-pagination, Я не могу найти правильный способ сделать это.

HTML

<table id="mytable" class="table table-striped">
  <thead>
    <tr class="table-head">
      <th>Name</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="person in aCandidates">
      <th>
        <div>{{person}}</div>
      </th>
    </tr>
  </tbody>
</table>

контроллер

$scope.totalItems = $scope.aCandidates.length;
$scope.currentPage = 1;
$scope.itemsPerPage = 10;

Я могу видеть панель разбивки на страницы, но с этим не выполняется никаких действий, и все данные таблицы отображаются даже после того, как итоговые элементы равны 10.

Как именно работает UIB-пагинация и как работают данные (в данном случаеaCandidates) связан с нумерацией страниц.

Ответы на вопрос(3)

Ваш ответ на вопрос