离子项目选项不显示

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-slidingion-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>