Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde!
Eu tenho uma tabela com paginação(uso o dir-paginate).
Quando eu clico em um registro, eu invoco o ng-class e o registro selecionado muda de cor. Se eu clicar em outro registro, automaticamente o anterior que estava marcado, se desmarca, volta a cor original, e o novo registro que recebeu o clique atual fica marcado.
O problema é quando eu clico na paginação. Se o 1º registro da 1ª paginação estiver marcado e eu clicar na paginação, o 1º registro da 2ª paginação permanece marcado e assim sucessivamente.
Eu queria q após clicar na paginação, o 1º registro da 1ª paginação permanecesse marcado e o 1º registro da 2ª paginação não fosse marcado. Fosse apenas quando eu clicar no mesmo.
Eu fiz essa pergunta em outro fórum pq lá tem uma ferramenta que permite que eu rode o código pra vcs entenderem melhor minha dúvida. Não coloquei no JSFiddle pq alguma entidade(só pode ser isso) ñ permite que o código rode por lá.
http://pt.stackoverflow.com/questions/166033/selecionar-registro-em-pagina%c3%a7%c3%a3o-com-angular
Opa, cara... Nao utilize index nesta situação, pois o index 1 da pagina 1 é o mesmo da página 2, correto?!
Neste caso utilizei um identificador único (ID) pra funcionar, basta trocar
<tr ng-click="itemClicked($index)" ng-class="{ 'alterRow': $index === selectedIndex }" dir-paginate=" dados in dados | itemsPerPage : 5">
por
<tr ng-click="itemClicked(dados.id)" ng-class="{'alterRow': selectedIndex == dados.id}" dir-paginate="dados in dados | itemsPerPage : 5">