Como usar a paginação de inicialização da interface do usuário para uma tabela, gerada usando ng-repeat

Estou tentando manter a paginação no meu aplicativo Angular usandouib-pagination. Não consigo encontrar a maneira correta de fazer isso.

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>

Controlador

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

Eu consigo ver a barra de paginação, mas nenhuma ação é executada com isso e os dados da tabela inteira são renderizados mesmo depois de fornecer o total de itens como 10.

Como exatamente a paginação uib funciona e como estão os dados (neste casoaCandidates) está vinculado à paginação.

questionAnswers(3)

yourAnswerToTheQuestion