イオン2テキストは選択コンポーネントをラップしません

Question

これは私のHTMLコードですが、何らかの形でこの選択コンポーネントでテキストラップが機能しません。誰かがアイデアを持っていますか？

あなた.sassで

<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

オーバーライドこのクラス

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