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

标签 html angular ionic-framework ionic2

我在 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> 

有什么想法吗?

最佳答案

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

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

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

关于html - ion-item 内的 ion-textarea 在 IONIC 2 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41705924/

相关文章:

javascript - 如何以变量的值命名函数?

javascript - [jQuery]使用 .html() 附加 html 后页面刷新

html - CSS 对齐 3 个 HTML 元素,无法访问 HTML

c# - 指定从 ASP.NET Core WebApi 提供服务的 Angular ClientApp 的基本 URL

javascript - 在 angularjs 表单验证中显示 javascript 弹出错误消息

javascript - 如何在生成的链接上添加 JavaScript 函数

angular - 如何在 Mat 表中每一行的按钮单击事件下设置对话框的位置?

angular - Ionic 2 在页面打开时向下滚动页面

angular - 清除 ionic 选择选项

ios - 使用 ionic 创建 IPA 文件