Ionic 2 文本不包含在 Select 组件中

Question

下面是我的 HTML-代码，但是 text-wrap 在这个 Select 组件中无法正常工作。有人有想法吗？

<ion-list>
  <h5 color="primary">
    Choose:
  </h5>

  <ion-item text-wrap>
    <ion-select text-wrap class="selectWidth" okText="Ok" cancelText="Cancel" [selectOptions]="selectOptions" [(ngModel)]="Decision">
      <ion-option text-wrap selected="true" color="primary" value="vone" text-wrap>first first first first first</ion-option>
      <ion-option text-wrap color="primary" value="vtwo">second second second second second second second</ion-option>
      <ion-option text-wrap color="primary" value="vthree">third third third third third</ion-option>
    </ion-select>
  </ion-item>
</ion-list>

Answer 1

在您的 .sass

中覆盖此 class

.alert-radio-label {
    white-space: normal!important;
}

Answer 2

将以下内容添加到您的 main.css 或 app.scss 应该可以解决问题：

.alert-ios .alert-radio-label{ white-space: pre-line;}
.alert-md .alert-radio-label{ white-space: pre-line;}
.alert-wp .alert-radio-label{ white-space: pre-line;}
.select-text { white-space: pre-line;}

Ionic 2 文本不包含在 Select 组件中

Ionic 2 Text doesnt Wrap in Select Component

html

text

word-wrap

ionic2