我正在制作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>

屏幕快照:

Screen snapshot