hey guys how to do this filter ? When click on “Verdura” show only object with type “V” and when he click on “Fruta” show only the object with type “F”
this is my code .
html
<div padding>
<ion-segment [(ngModel)]="arrProdutos">
<ion-segment-button value="F">
Fruta
</ion-segment-button>
<ion-segment-button value="V">
Verdura
</ion-segment-button>
<ion-segment-button value="L">
Legume
</ion-segment-button>
</ion-segment>
</div>
<div [ngSwitch]="arrProdutos" *ngFor="let item of arrProdutos">
<ion-list *ngSwitchCase="item.product.type" >
<ion-card >
<ion-card-content color="primary">
<ion-grid>
<ion-row>
<ion-col align-self-start>
<h3>Produto:</h3>
</ion-col>
<ion-col justify-content-end>
<p align="right">{{ item.product.name}}</p>
</ion-col>
</ion-row>
</div>
my object
1. arrProdutos:
product:
type: "V "
id: 276
name: "SALSAO"
2. arrProdutos:
product:
type: "F "
id: 278
name: "ABOBORA"