我创建了一个带有标题的离子列表。添加标题后,滚动时将不会显示最后一项。
<ion-card style="height:400px;" class="groupList">
<ion-header style="padding-top: 15px;">
<ion-list-header>
<ion-label>
My Groups
</ion-label>
<ion-item lines="none" (click)="createGroup()">
<ion-icon name="md-add"></ion-icon>
<ion-label>Create a Group</ion-label>
</ion-item>
</ion-list-header>
</ion-header>
<ion-content scroll-y="true">
<ion-list inset *ngFor="let group of myGroups; index as i; trackBy: trackByCreated">
<ion-item [ngSwitch]="group.groupPic" (click)="goToGroupPage(group)">
<ion-avatar *ngSwitchDefault slot="start">
<img [src]="group.groupPic"/>
</ion-avatar>
<ion-avatar *ngSwitchCase="'false'">
<img src="assets/img/add-an-image.png"/>
</ion-avatar>
<div style="padding-left: 5px;">
<ion-label>
<h6>{{group.groupName}}</h6>
</ion-label>
</div>
</ion-item>
</ion-list>
</ion-content>
</ion-card>
从localhost中的chrome看起来还不错,但是当我部署到实际的Android手机上时,看不到最后一项。
答案 0 :(得分:0)
我遇到了同样的问题,我决定在列表的末尾添加一个属性为lines="none"
的空项目,这样我什至看不到“离子项目的行”
像这样:
<ion-item lines="none"></ion-item>
顺便说一句,我认为这只是一个离子错误