Bom dia, estou desenvolvendo um app com o ionic 3 e tenho a seguinte situação :
Estou gravando uma lista de produtos no localStorage, após isso, necessito em trazer os dados gravados, para uma lista de produtos, ou seja, cada item do vetor, cria uma coluna na lista. Código:
Grava no LocalStorage:
localStorage.setItem("vetor", JSON.stringify(this.vetCarrinho));
Recupera do LocalStorage:
ionViewDidLoad() {
if (this.pedido.key) {
let prod: any = localStorage.getItem('vetor').split(",");
if (prod != null) {
prod = JSON.parse(prod);
if (this.vetCarrinho.indexOf(prod) === -1) {
this.vetCarrinho.push(this.pedido.produto);
}
}
}
Html :
<ion-list>
<ion-item *ngFor="let element of vetCarrinho">
{{element}}
<button ion-button color="danger" (click)="deleteProduto(element)" item-end>
<ion-icon name="trash"></ion-icon>
</button>
</ion-item>
</ion-list>
A partir disso, ele joga TODOS os elemento em APENAS UMA COLUNA :
Como procedo para que ele crie uma coluna cada elemento ?
vetCarrinho
?let prod: any = JSON.parse(localStorage.getItem('vetor')); if (prod != null) { for(let i=0; i<prod.length; i++) { if (this.vetCarrinho.indexOf(prod[i]) === -1) { this.vetCarrinho.push(this.pedido.produto); } } }