Skip to main content
Tweeted twitter.com/StackOverflowPT/status/758349820587286528
Correção ortográfica na pergunta para melhor entendimento.
Fonte Link

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.

Olá, eu tenho um loop (ng-repeat) no meu arquivo html e gostaria de salvar o index dela em uma variável para passar por parâmetro para uma função, como posso fazer isso?

<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>

 
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 é o código, eu simplifiquei bastante ele aqui, mas é 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 preciso do id do tamanho para poder apagar a cor.

Olá!

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);
    };

O código foi bastante simplificado, poré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 necessito do id do tamanho para poder então apagar a cor.

inserir código do projeto
Fonte Link
Bernardo Kowacic
  • 583
  • 2
  • 10
  • 31

Olá, eu tenho um loop (ng-repeat) no meu arquivo html e gostaria de salvar o index dela em uma variável para passar por parâmetro para uma função, como posso fazer isso?

<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>

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 é o código, eu simplifiquei bastante ele aqui, mas é 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 preciso do id do tamanho para poder apagar a cor.

Olá, eu tenho um loop (ng-repeat) no meu arquivo html e gostaria de salvar o index dela em uma variável para passar por parâmetro para uma função, como posso fazer isso?

Olá, eu tenho um loop (ng-repeat) no meu arquivo html e gostaria de salvar o index dela em uma variável para passar por parâmetro para uma função, como posso fazer isso?

<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>

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 é o código, eu simplifiquei bastante ele aqui, mas é 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 preciso do id do tamanho para poder apagar a cor.

Fonte Link
Bernardo Kowacic
  • 583
  • 2
  • 10
  • 31

Criar variavel angular no html

Olá, eu tenho um loop (ng-repeat) no meu arquivo html e gostaria de salvar o index dela em uma variável para passar por parâmetro para uma função, como posso fazer isso?