所以,我为一个页面创建了一个布局,其中包含一个标题和一个按钮,并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>