html - ion-item 内的 ion-textarea 在 IONIC 2 上不起作用

Question

我在 ion-item 中有一个 ion-textarea。它显示正常，但是当我按下文本区域时，它会显示和隐藏键盘。而且因为键盘是隐藏的，所以我不能输入任何文字。

好像在我触摸屏幕后立即触发了 onblur 事件。

这是我的代码:

<ion-item>
    <ion-label stacked>Comment</ion-label>
    <ion-textarea [(ngModel)]="formData.comment" name="comment" placeholder="Put any comment..."></ion-textarea>
</ion-item> 

有什么想法吗？

Answer 1

每当以这种方式使用 ion-item 时，您经常会遇到这样的错误。在我只是将它们包装在一个 div 中之前，我对输入发生了同样的事情。

Per the docs - 一个项目可以包含文本、图像和任何其他内容。通常它与其他项目放在一个列表中。它可以轻松滑动、删除、重新排序、编辑等。 只有在需要通过手势操作项目时，项目才需要位于列表中。它需要一个 ItemSliding 包装器元素才能被滑动。

您可能想要重组您的代码或在某种列表中格式化该 ion-item。