Ionic framework 离子项目选项不显示

Ionic framework 离子项目选项不显示,ionic-framework,ionic3,Ionic Framework,Ionic3,我正在开发一个应用程序使用离子3。我有一个离子列表中的离子项目。我需要在刷列表项时显示选项。我把颜色调好了,但文字根本没有显示出来。我根本没有任何css应用于按钮 <ion-list text-wrap> <ion-list-header> ... </ion-list-header> <ion-item *ngIf="classes?.length === 0">No Data</ion-

我正在开发一个应用程序使用离子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
滑动
离子项目
离子项目
,因此滑块断裂。我删除了
离子项目中的
*ngFor
,现在一切正常

我认为您必须在离子选择旁边提供一个小的取消按钮,该按钮仅在用户已选择某项内容时出现:

<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>
选项
女性
男性
{{option}}

如果你去掉颜色,它会显示吗?不会。都一样。我甚至尝试将
style=“color:'red'”
应用于按钮,但它不起作用。你可以在终端执行
ionic info
我想你正在使用ionic 4I我得到了这个
ionic(ionic CLI):4.9.0(/usr/local/lib/node\u modules/ionic)Ionic框架:Ionic angular 3.9.2@Ionic/app脚本:3.1.10
尝试将其添加到离子标签中