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.