离子项目选项不显示
ion-item-options not displaying
我正在使用 Ionic 3 开发一个应用程序。我有一个包含在离子列表中的离子项目滑动。我需要在滑动列表项时显示选项。我得到了颜色工作,但文本根本不显示。我根本没有对按钮应用任何 css。
<ion-list text-wrap>
<ion-list-header>
...
</ion-list-header>
<ion-item *ngIf="classes?.length === 0">No Data</ion-item>
<ion-item-group *ngFor="let classObj of classes">
<ion-item-divider>...</ion-item-divider>
<ion-item-sliding *ngFor="let class of classObj?.classes">
<ion-item *ngFor="let class of classObj?.classes">
<ion-grid>
...
</ion-grid>
</ion-item>
<ion-item-options side="right">
<button ion-button color="secondary">
Change
</button>
</ion-item-options>
</ion-item-sliding>
</ion-item-group>
</ion-list>
我不知道出了什么问题。 Android 和 iOS
都发生了这种情况
没关系,我找到了解决办法。我错误地 *ngFor
同时 ion-item-sliding
和 ion-item
因此滑块坏了。我删除了 ion-item
中的 *ngFor
,现在一切正常
我认为你必须在你的 ion-select 旁边提供一个小的取消按钮,只有当用户已经 select 编辑了一些东西时才会出现:
<ion-label>Options</ion-label>
<ion-select [(ngModel)]="option">
<ion-option value="f">Female</ion-option>
<ion-option value="m">Male</ion-option>
</ion-select>
<div *ngIf="option=='m' || option=='f'">
<ion-label> {{option}} </ion-label>
<ion-button (click)='removeSelection()'>
<ion-icon name='close'></ion-icon>
</ion-button>
我正在使用 Ionic 3 开发一个应用程序。我有一个包含在离子列表中的离子项目滑动。我需要在滑动列表项时显示选项。我得到了颜色工作,但文本根本不显示。我根本没有对按钮应用任何 css。
<ion-list text-wrap>
<ion-list-header>
...
</ion-list-header>
<ion-item *ngIf="classes?.length === 0">No Data</ion-item>
<ion-item-group *ngFor="let classObj of classes">
<ion-item-divider>...</ion-item-divider>
<ion-item-sliding *ngFor="let class of classObj?.classes">
<ion-item *ngFor="let class of classObj?.classes">
<ion-grid>
...
</ion-grid>
</ion-item>
<ion-item-options side="right">
<button ion-button color="secondary">
Change
</button>
</ion-item-options>
</ion-item-sliding>
</ion-item-group>
</ion-list>
我不知道出了什么问题。 Android 和 iOS
都发生了这种情况没关系,我找到了解决办法。我错误地 *ngFor
同时 ion-item-sliding
和 ion-item
因此滑块坏了。我删除了 ion-item
中的 *ngFor
,现在一切正常
我认为你必须在你的 ion-select 旁边提供一个小的取消按钮,只有当用户已经 select 编辑了一些东西时才会出现:
<ion-label>Options</ion-label>
<ion-select [(ngModel)]="option">
<ion-option value="f">Female</ion-option>
<ion-option value="m">Male</ion-option>
</ion-select>
<div *ngIf="option=='m' || option=='f'">
<ion-label> {{option}} </ion-label>
<ion-button (click)='removeSelection()'>
<ion-icon name='close'></ion-icon>
</ion-button>