Html 组件内列表的滚动不起作用
我创建了一个通用列表(一个组件)用于我的所有页面,但滚动不起作用 主页:Html 组件内列表的滚动不起作用,html,angular,typescript,ionic-framework,ionic4,Html,Angular,Typescript,Ionic Framework,Ionic4,我创建了一个通用列表(一个组件)用于我的所有页面,但滚动不起作用 主页: <ion-header> <app-generic-menu [leftMenu]="'left-menu'" [rightMenu]="'client-menu'" [isSelectionMode]="isSelectionMode()" [pageTitle]="'Clientes'"
<ion-header>
<app-generic-menu [leftMenu]="'left-menu'"
[rightMenu]="'client-menu'"
[isSelectionMode]="isSelectionMode()"
[pageTitle]="'Clientes'"
[topicReload]="'client-list:reload'"
(valueToSearch)="inputShearchBox = $event">
</app-generic-menu>
</ion-header>
<ion-content>
<app-generic-list [array]="arrayClients"
[label1Row1]="'id'"
[label2Row1]="'social_reason_name'"
[label1Row2]="'document'"
[pageToGo]="'/new-client'"
[icon]="'person'"
[pipe]="documentPipe"
[selectedObjects]="selectedClients"
(selectedObjectsEvent)="selectedClients = $event">
</app-generic-list>
</ion-content>
还有一个项目,但我无法滚动。您需要将页边距底部添加到列表中,以考虑选项卡部分/页脚的大小,并且您可能需要手动添加离子内容的滚动行为,参考:
<ion-list>
<ion-item *ngFor="let x of array; trackBy: trackByFn" (press)="onLongPressObject(x)"
(tap)="isSelectionMode() ? onLongPressObject(x) : showObject(x)"
[ngClass]="{'selected-background': selectedObjects.indexOf(x) >= 0}">
<ion-icon name="checkmark-circle" slot="start" class="floating-icon" style="color: #43A047;"
*ngIf="selectedObjects.indexOf(x) >= 0"></ion-icon>
<ion-icon slot="start" name="{{[icon]}}"></ion-icon>
<ion-grid>
<ion-row>
<ion-label>{{x[label1Row1]}} - {{x[label2Row1]}}</ion-label>
</ion-row>
<ion-row>
<p>{{x[label1Row2] | genericPipe : pipe:[]}}</p>
</ion-row>
</ion-grid>
</ion-item>
</ion-list>
<ion-fab vertical="bottom" horizontal="end" slot="fixed">
<ion-fab-button [routerLink]="pageToGo" routerDirection="forward">
<ion-icon name="add"></ion-icon>
</ion-fab-button>
</ion-fab>
<ion-content[scrollY]="true"></ion-content>