이오니아 2 텍스트 줄 바꿈 선택 구성 요소

Question

이것은 내 HTML 코드이지만 어떻게 든이 선택 구성 요소에서 텍스트 둘러싸 기가 작동하지 않습니다. 아무도 아이디어가 있니?

<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

오버라이드 main.css 또는 app.scss이 문제를 해결해야 당신에 다음을 추가하여 .sass

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

Answer 2

에서이 클래스 :

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