Ionic 2 Text nicht Wrap in Wählen Komponente

Question

Dies ist mein HTML-Code, aber irgendwie funktioniert der Text-Wrap nicht in dieser Select-Komponente. Hat jemand eine Idee?

<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

überschreiben diese Klasse in Ihrer .sass

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

Answer 2

folgendes zu Ihrem main.css oder app.scss Hinzufügen sollte das Problem beheben:

.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;}