如何將Wrap離子輸入包裹在離子2+中？

Question

如何在Ionic 2中自動換行ion-input組件？

這工作：

<ion-item text-wrap> 
    <div>A really realll really really loooooooonnngg text.</div> 
</ion-item> 

但這並不：

<ion-item text-wrap> 
    <ion-input 
    type="text" 
    id="commuterLocation" 
    name="commuterLocation" 
    readonly=true 
    placeholder="Enter your location" 
    (focus)="onCommuterLocationFocus()" 
    [(ngModel)]="_commuterLocation.description"></ion-input> 
</ion-item> 

編輯1： 當我使用text-wrap指令上ion-item定期html元素，元素內容如預期包裹。但ion-input的輸入文本不...我該如何解決這個問題？在此先感謝您的幫助。

Answer 1

通過使用ion-textarea而不是ion-input解決了此問題。

<ion-item text-wrap> 
    <ion-textarea 
    type="text" 
    id="commuterLocation" 
    name="commuterLocation" 
    readonly=true 
    placeholder="Enter your location" 
    (focus)="onCommuterLocationFocus()" 
    [(ngModel)]="_commuterLocation.description"></ion-textarea> 
</ion-item>