Olá, eu!
Eu tenho um loop (ng-repeat) no meu arquivo html e gostaria de salvar o index dela em uma variável para poder passar por parâmetro para uma função,.
Alguém tem uma ideia de como posso fazer isso?
Segue o código na View:
<div class="lista_cores">
<div class="opcao_tamanho col-xs-12" ng-repeat="tamanho in vm.tamanho">
{{vm.index = $index}}
<div class="lista_cores" ng-repeat="cor in tamanho.cor track by $index">
<button type="button" class="btn_remove" ng-click="vm.removeCor(vm.index, $index)"><span class="glyphicon glyphicon-remove"></span></button>
</div>
<button type="button" class="btn_adiciona" ng-click="vm.addCor($index)">Adicionar cor</button>
</div>
<button type="button" class="btn_remove" ng-click="vm.removeTamanho($index)"><span class="glyphicon glyphicon-remove"></span></button>
</div>
<button type="button" class="btn_adiciona" ng-click="vm.addTamanho($index)">Adicionar tamanho</button>
Função no Controller:
vm.tamanho = [{
"nome_produto_tamanho": "",
"cor": [{
"nome_produto_cor": ""
}]
}];
vm.addTamanho = function(index){
vm.tamanho.push({
"nome_produto_tamanho": "",
"cor": [{
"nome_produto_cor": ""
}]
});
}
vm.removeTamanho = function(index) {
vm.tamanho.splice(index, 1);
};
vm.cores = {
"nome_produto_cor": ""
};
vm.addCor = function(id_tamanho){
vm.tamanho[id_tamanho].cor.push(vm.cores);
}
vm.removeCor = function(id_tamanho, index) {
console.log(index);
console.log(id_tamanho);
vm.tamanho[id_tamanho].cor.splice(index, 1);
};
Esse é oO código, eu simplifiquei foi bastante ele aquisimplificado, masporém é basicamente essa a parte que importa.
O usuário pode adicionar cor e tamanho clicando em um botão e remover também, o meu problema é ao remover uma cor adicionada, pois precisonecessito do id do tamanho para poder então apagar a cor.