Ionic VirtualScroll показывает пустой список при предоставлении массива объектов в качестве фиктивных данных

Question

Я новичок в ионике.Я хочу использовать виртуальную прокрутку для отображения списка карт в моем приложении.Интересно, как виртуальный список будет принимать массив объектов.Я буду реализовывать JSON в будущем.просто хочу сначала создать кадр.

<ion-list [virtualScroll]='vouchers' [approxItemHeight]="'132px'">

  <ion-card *virtualItem='let voucher' class='restaurantCard'>
    <ion-row>
      <ion-col col-3>
        <ion-img [src]='voucher.image'></ion-img>
      </ion-col>
      <ion-col col-8>
        <ion-row>
          <ion-col>{{voucher.restaurantName}}</ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-2>[{{voucher.areaAvailable}}]</ion-col>
          <ion-col col-10>{{voucher.voucherName}}</ion-col>
        </ion-row>
        <ion-row>
          <ion-col>{{voucher.currency}}</ion-col>
          <ion-col>{{voucher.newPrice}}</ion-col>
          <ion-col>{{voucher.currency}}{{voucher.basePrice}}</ion-col>
          <ion-col>
            <ion-row>
              <ion-col>{{voucher.quantitySold}} Sold</ion-col>
            </ion-row>
            <ion-row>
              <ion-col>{{voucher.restaurantArea}}</ion-col>
            </ion-row>
          </ion-col>
        </ion-row>
      </ion-col>
    </ion-row>
  </ion-card>

</ion-list>

фиктивные данные, которые я пытаюсь отправить ему.

  public vouchers: any = [
    {
      image: '../../assets/imgs/vilaggio.jpeg',
      restaurantName: 'Vilaggio Restaurant',
      areaAvailable: 'JB',
      voucherName: 'RM 50 Voucher (1 pcs)',
      currency: 'RM',
      newPrice: 30,
      basePrice: 50,
      quantitySold: 118,
      restaurantArea: 'Johor Bahru'
    },
    {
      image: '../../assets/imgs/pahpai.jpeg',
      restaurantName: 'Pahpai Steak House',
      areaAvailable: 'ALL',
      voucherName: 'Valuable Steak selector',
      currency: 'RM',
      newPrice: 20,
      basePrice: 25,
      quantitySold: 32,
      restaurantArea: 'Sutera Mall'
    }
  ]

Список покажет, если я просто использую * ngFor для циклического прохождениямассив объектов.но при использовании виртуальной прокрутки.У меня есть пустой список (они ничего не показывают): (