Capturar itens de um checkbox e enviar a um array
Pessoal boa tarde, eu estou construindo uma aplicação de vendas pelo ionic3, e estou com o seguinte problema.
Tenho a tela de vendas, aonde eu faço a exibição dos produtos através de um botão, esse botão me gera uma lista de itens vinda do firebase.
Cada item, tem um checkbox para marcar, ou seja o usuário poderá marcar 1 ou 10 itens por exemplo. No final da seleção, tenho um botão com nome de
ESCOLHER, esse chama uma função que irá capturar os itens que o usuário marcou para que eu possa manipular e enviar ao banco de dados.
Porém ao executar esta função, e testar pelo console.log ele não está me retornando nada, alguém pode me passar alguma dica ?
//MINHA FUNÇÃO
escolherProdutos(){
let produtosEscolhidos = [];
for(let i=0; i < this.produtosLista.length; i++){
if(this.produtosLista[i].selecionado){
produtosEscolhidos.push(this.produtosLista[i]);
}
}
console.log("Os produtos escolhidos são " +produtosEscolhidos);
//FUNÇÃO QUE TESTEI, E ESTÁ FAZENDO A CAPTURA DO OBJETO PRODUTO (APENAS 1 PRODUTO)
produtoEscolhido(produto){
this.produtoSelecionado = produto;
this.produtoDescricao = this.produtoSelecionado.descricao;
console.log(this.produtoSelecionado);
}
//MEU HTML
<ion-item>
<ion-label fixed class="label-format">Escolha os itens</ion-label>
</ion-item>
<button ion-button color="dark" class="botao-pesquisar" (click)="exibirItens()">
<ion-icon name="arrow-dropdown"></ion-icon>
</button>
<div *ngIf="botaoProdutos">
<ion-list *ngFor="let produto of produtosLista | async">
<ion-item>
<ion-label>{{produto.descricao}} {{produto.preco}}</ion-label>
<ion-checkbox [(ngModel)]="selecionado" (ionChange)="produtoEscolhido(produto)"></ion-checkbox>
<ion-input type="number" placeholder="Qtd" color="dark"></ion-input>
</ion-item>
</ion-list>
<button ion-button color="dark" (click)="escolherProdutos()">Escolher</button>
</div>Discussão (1)
Carregando comentários...