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指令时，元素＆＃39;内容按预期包装。但是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>

如何在Ionic 2+中包装离子输入？

1 个答案: