2017-08-24 9 views
1

ion-inputコンポーネントはどのようにして単語を囲みますかIonic 2イオン2+でイオン注入をラップするには?

<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: 私は定期的にhtml要素でion-itemtext-wrapディレクティブを使用すると、要素のコンテンツは期待通りにラップされます。しかし、入力テキストion-inputはありません...どうすれば解決できますか?あなたの助けを前にありがとう。

+2

なぜイオンテキサスを使用しないのですか? – SergioEscudero

+0

あなたは何を達成しようとしていますか?スクリーンショットなどを追加できますか?スタイリング専用ですか?なぜなら、イオンアイテムの入力は、画面の解像度よりも進まないからです。 – Sonicd300

+0

@SergioEscuderoうーん...それを試してみよう... – DevITper

答えて

8

ion-textareaion-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>