Estou usando checkbox em uma tabela com angularJS que está com um funcionamento incorreto, existem 2 checkbox o que fica em cima da tabela(pra selecionar todos), e o de cada linha. Ao selecionar o de cada linha, eu chamo uma função que adiciona o objeto a lista de objetos,se eu desmarcar eu removo.Se eu selecionar o checkboxMaster ele seleciona tudo, e minha lista de selecionados é igual a lista inteira, se eu desmarcar eu zero a lista.Até ai tudo beleza, o prolema é que se eu selecionar todos selecionando o cb de cima, e tentar desmarcar alguns , ele esta destruindo a linha da tabela.Esse problema so acontece se eu tiver selecionado todos antes.
Vejam o código:
//Adiciona um obj a lista a cada seleção de checkbox
function addListaAdicionar(elemento){
if(vm.listaAdicionar.indexOf(elemento) == -1){
vm.obj = {
codigo : elemento.codigo,
descricao: elemento.descricao,
};
vm.listaAdicionar.push(elemento);
}
else{
//Remove o elemento da lista se desmarcar
vm.listaPoderAdicionar.splice(vm.listaPoderAdicionar.indexOf(elemento) , 1);
}
}
//Função para seleção de todos os checkBox
function selecionarTudo() {
if(vm.selecionaTudo) {
vm.selecionaTudo = false;
} else {
vm.selecionaTudo = true;
}
angular.forEach(vm.listaObj, function (obj) {
obj.selecionado = vm.selecionaTudo;
});
//se desmarcar o cbTodos zera a lista
if(vm.selecionaTudo == false)
vm.listaAdicionar = [];
else
vm.listaAdicionar = vm.listaObj;
}
HTML:
<table id="tableExport" class="tableScrollable table genericTable table-striped tbPadrao" st-table="vm.listaObj" st-safe-src="vm.listaObjOrdenavel" style="width: 100%">
<thead>
<tr>
<th width="20px">
<input type="checkbox" data-ng-model = "vm.selecionaTudo" id="cbMaster"
data-ng-click = "vm.selecionarTudo()">
</th>
<th class="st-sort-default" st-sort="codigo" width="75px">
Código
</th>
<th class="st-sort-default" st-sort="descricao" >
Descricao
</th>
</tr>
<tr>
<th></th>
<th>
<input style="width: 100%;" type="text" st-search="codigo" />
</th>
<th>
<input type="text" style="width: 100%;" st-search="descricao" />
</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="obj in vm.listaObj">
<td text-align: right;"> <input type="checkbox" name="cbRow" data-ng-model = "obj.selecionado" data-ng-click="vm.addPoderListaAdicionar(obj );"></td>
<td text-align: right;">{{obj .codigo}}</td>
<td text-align: left;">{{obj .descricao}}</td>
</tr>
</tbody>
</table>
</div>
O problema é so quando selecionoTodos e tento desmarcar um, ao invez de apenas ele da o splice na lista, ele ta destruindo a linha da tabela junto.
selecionado
vm.listaObj
e no evento do click você somente passa o$index
e dentro da função você faz:this.listaObj[index].selecionado = !this.listaObj[index].selecionado