Ionic 3 segment + virtual scroll not working

Ionic Framework ionic-v3
1

Hi,

I have a list and i want to display it with different segments. Please see my code below.

home.html

<ion-grid *ngSwitchCase="'box'" class="no-padding">
       <ion-list [virtualScroll]="patas" [headerFn]="checkInitialChange" 
    approxItemHeight="100px" approxHeaderHeight="80px">
    
      <ion-item *virtualItem="let pata">
          <span>
            <h1>{{pata.clock}}</h1>
            <p>{{pata.familyName}}</p>
          </span>
      </ion-item>
    </ion-list>
</ion-grid>

home.ts

  sample(){ 

      this.http.get('https://api.wh.geniussports.com/v1/basketball/matches/784483/actions?ak=eebd8ae256142ac3fd24bd2003d28782&limit=5000')
      .map(res => res.json())
      .subscribe(data => {
        this.patas = data.response.data;  
        console.log(this.patas);
      }, err => {
        console.log(err); 
      });
    }