Ionic2 离子2虚拟滚动不工作

我有一些卡片重复使用*ngFor。它工作得很好，但是我传递给ngFor的数组的数量会有不可预测的变化，可能是一个小的数字，也可能是大的。我想实现虚拟滚动，以防数量过大

示例显示了与列表一起使用的虚拟滚动

我不认为我的代码中需要一个列表标记，但我这样做似乎不适合virtualScroll，因为页面根本不会在模拟器中呈现。它完全是空白的。在我添加virtualScroll之前，一切都很好

我的代码：

<ion-card id="card" [virtualScroll]="listOfEvents" >

      <ion-item *virtualItem="let event"]>



        <ion-row>
            <ion-col><span class="showDetails">Date:</span>{{getFormattedTime(event.eventTime, 'MM-dd-yyyy')}}</ion-col><ion-col><span class="showDetails">Time:</span>{{getFormattedTime(event.eventTime, 'HH:MM')}}</ion-col><ion-col><span class="showDetails">Venue:</span> {{event.venue}}</ion-col>   <!-- convert time to normal time-->
        </ion-row>
        <ion-row>
            <ion-col><span class="showDetails">Guests Needed:</span> {{event.guests}} </ion-col><ion-col><span class="showDetails">Cover:</span> {{event.coverCharge}}</ion-col><ion-col><span class="showDetails">Drink Min:</span>{{event.drinkMin}} </ion-col>
        </ion-row>
        <ion-row>
            <ion-col><span class="showDetails">Will Reimburse:</span> {{event.reimburse}}</ion-col>
        </ion-row>
        <button id="volunteer" ion-button block> volunteer </button>


       </ion-item>


    </ion-card>



</ion-content>

日期：{getFormattedTime（event.eventTime，'MM dd yyyy'）}时间：{{getFormattedTime（event.eventTime，'HH:MM'）}地点：{{event.venture}
需要的来宾：{event.Guests}封面：{{event.coverCharge}饮料分钟：{{event.drinkMin}
将报销：{事件.报销}
志愿者

使用并检查此代码行中是否缺少“[”的日志？