A minha dúvida acredito que seja algo simples, porém eu não estou conseguindo chegar a uma lógica..
Eu possuo uma aplicação de vendas, a qual tem uma lista de produtos sendo retornada do firebase, e cada produto deste tem um checkbox ao lado dele para marcação. A lógica é, o cliente seleciona o produto no checkbox e dispara um evento que captura este produto e eu passo ele por NAVPARAMS para a tela de vendas. Até ai tudo bem.
O problema é o seguinte, existirá o caso do cliente selecionar mais de um item por vez para fazer a venda para agilizar o processo. Entendo que eu precisaria criar um array e passar esse array para a próxima tela. Porém eu não estou conseguindo fazer isso, alguém poderia me dar algum exemplo de código ou sugerir alguma melhoria ? Vou deixar abaixo o meu código ts e meu html.
TS:
//FUNÇÃO QUE CAPTURA O VALOR DO CHECKBOX E ARMAZENA NA VARIÁVEL PARA PASSAR COMO PARAMETRO
produtoEscolhido(produto, isChecked){
if(isChecked) {
this.produtosEscolhidos = produto;
let produtos = [this.produtosEscolhidos];
console.log(produtos);
}
}
HTML:
//LISTA DE PRODUTOS COM O EVENTO PRODUTO ESCOLHIDO QUE CAPTURA O ITEM QUE O USUÁRIO SELECIONOU
<ion-list *ngFor="let produto of produtosLista | async">
<ion-item>
<ion-label>{{produto.descricao}}</ion-label>
<ion-checkbox [(ngModel)]="produto.selecionado" (ionChange)="produtoEscolhido(produto, $event.checked)"></ion-checkbox>
</ion-item>
</ion-list>
<button ion-button color="dark" (click)="escolherProdutos()">Escolher</button>
</ion-content>