离子项目选项不显示答案

【问题标题】：ion-item-options not displaying离子项目选项不显示
【发布时间】：2019-08-14 06:33:00
【问题描述】：

我正在使用 Ionic 3 开发一个应用程序。我有一个 ion-item-sliding 包裹在一个 ion-list 中。我需要在滑动列表项时显示选项。我得到了颜色，但文本根本没有显示。我根本没有对按钮应用任何 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 上

【问题讨论】：

去掉颜色会显示吗？
不。一样的。我什至尝试将style="color: 'red'" 应用于按钮，但它不起作用
你可以在终端中执行吗ionic info 我想你正在使用 ionic 4
我知道了ionic (Ionic CLI) : 4.9.0 (/usr/local/lib/node_modules/ionic) Ionic Framework : ionic-angular 3.9.2 @ionic/app-scripts : 3.1.10
尝试将其添加到离子标签中

标签： ionic-framework ionic3

【解决方案1】：

没关系，我找到了解决方案。我错误地 *ngFor 和 ion-item-sliding 和 ion-item 因此滑块坏了。我删除了ion-item 中的*ngFor，现在一切正常

【讨论】：

【解决方案2】：

我认为您必须在离子选择旁边提供小的取消按钮，该按钮仅在用户已经选择某些内容时出现：

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

【讨论】：