我正在制作app,其中我需要显示从服务器获取的客户端列表 .
为每个客户端显示一个客户端组件 . 问题是客户端列表长于屏幕大小,因此我将客户端组件放在离子滚动标记内,但滚动不起作用 .
我尝试过使用 scrollY="true" overflow-y: scroll direction="Y"
,但滚动条不起作用 .
<ion-content padding overflow-scroll="true">
<ion-searchbar
[(ngModel)]="myInput"
[showCancelButton]="shouldShowCancel"
(ionInput)="onInput($event)" >
</ion-searchbar>
<ion-scroll style="width:100%;height:100vh;overflow-y: scroll" scrollY="true">
<client-item *ngFor="let client of clientList; let clientNo = index" [name]="client.name" [email]="client.email" (click)="displayClientProfile(clientNo)">
</client-item>
</ion-scroll>
</ion-content>
屏幕快照: