ion-item 中的 ion-textarea 在 IONIC 2 上不起作用答案

【问题标题】：ion-textarea inside ion-item not working on IONIC 2ion-item 中的 ion-textarea 在 IONIC 2 上不起作用
【发布时间】：2017-06-02 00:50:20
【问题描述】：

我在 ion-item 中有一个 ion-textarea。它显示得很好，但是当我按下 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>

有什么想法吗？

【问题讨论】：

我认为您的设备有问题。重新启动您的设备或在另一台设备上运行。
你解决了这个问题吗？我在同一页面上有多个 ion-textarea 第一个工作正常。其余的双 ion-textarea 标签存在于 DOM 中，单击它们会隐藏键盘。我应用了 celeb swank 给出的答案，然后 textarea 隐藏在键盘后面。
我记得我使用 div 而不是 ion-item 来解决它，但我无法再访问源代码来提供它...抱歉 =7

标签： html angular ionic-framework ionic2

【解决方案1】：

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

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

您可能希望在某种列表中重组代码或格式化该离子项。

【讨论】：