angular - ionic 4虚拟滚动未在容器内设置高度

Question

所以，我为一个页面创建了一个布局，其中包含一个标题和一个按钮，并ng-container在其中呈现 ion-virtual-scroll 的下方。但是，最后一个元素没有显示，因为我无法滚动到它们的位置，但是如果我删除布局上的所有剩余元素，那么上面的每个元素ion-virtual-scroll都是可见的。

这是布局模板：

<ion-header>
    <ion-toolbar>
        <app-header [name]="name" [avatar]="avatar"></app-header>
    </ion-toolbar>
</ion-header>
<ion-searchbar (ionChange)="emitValue($event.detail.value)"></ion-searchbar>
<ng-content></ng-content>

这是滚动模板：

<app-page-layout (searchValue)="filter($event)">
  <app-notification-actions
    (sortNotifications)="sort()"
    (addNotification)="create()"
  ></app-notification-actions>
  <ion-content >
    <ion-virtual-scroll [items]="notifications" approxItemHeight="154px">
      <div *virtualItem="let notification">
        <app-notification-card [data]="notification"></app-notification-card>
      </div>
    </ion-virtual-scroll>
  </ion-content>
</app-page-layout>