Capturar itens de um checkbox e enviar a um array

[Diego Estacho 0]

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}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{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>

 

[gsinhorini 0]

Em 31/08/2018 at 17:19, Diego Estacho disse:

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}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{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>

 

 Olá Diego, tudo bem?

Fiz algo parecido não foi no IONC mas acho que pode ajudar.

foreach (itens as item){

  <input type="checkbox" id="item<?php echo($item["codigo"]); ?>" name="check_list_item[]" value="<?php echo($item["codigo"]); ?>"  /> Nome Item

}

no name você cira um array assim todos os itens selecionados iram para esse array.

Depois é só fazer um foreach nesse array e ir salvando.

 

 

Esperto ter ajudado.