Como reordenar uma lista de uma grid com paginação no AngularJS

Front-end
, , ,
#1

Tenho uma grid que faz a ordenação decrescente da lista no front-end (Angularjs), só que está acontecendo apenas na grid da primeira página (de 5 registros), a reordenação dos registros que foram para a segunda página só acontece quando seleciono para exibir 10 ou 20 registros por página.

Tem uma paginação, mas quando realizado a navegação da paginação os registros se mantém.

Gostaria de melhorar meu código para quando for imputando uma data {{valor.data}} e um valor {{valor.valor}} fossem reordenando mesmo quando gerar uma paginação.

DIV da combo:

				<div class="input-group pull-right" data-ng-if="vm.pagamentos.length > 0">
					<select class="form-control input-sm"
							data-ng-model="vm.itemsByPage"
							data-convert-to-number>
						<option value="5">5 registros por página</option>
						<option value="10">10 registros por página</option>
						<option value="15">15 registros por página</option>
						<option value="20">20 registros por página</option>
					</select>
				</div>

TBODY da grid:

<tbody>
	<tr data-ng-repeat="valor in vm.pagamentosCopy | orderBy:'data':true">
		<td>{{valor.data | date: 'MMMM' | titleCase}}</td>
		<td>{{valor.data | date: 'yyyy'}}</td>
		<td>{{valor.valor | currency}}</td>
		<td class="text-center tools-size-one-buttons">
								<a id="idBtnExcluir" href="" data-ng-hint="MH003" data-ng-click="vm.removerValor($index)">
				<span class="fa fa-trash fa-fw"></span>
			</a>
		</td>
	</tr>
</tbody>

TR da paginação:

<tr>
	<td colspan="4" class="text-center">
		<div data-st-items-by-page="vm.itemsByPage" data-st-pagination="" data-st-template="app/view/template/paginacao.html"></div>
	</td>
</tr>