Segment with array - Ionic 3

#1

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"