2017-01-17 32 views
3

我有離子項目內的離子textarea。它顯示很好,但是當我按下textarea時,它顯示並隱藏鍵盤。而且由於鍵盤被隱藏,我無法放置任何文字。ion-textarea裏面的離子項目不工作IONIC 2

這就像那個onblur事件是在我觸摸屏幕後被觸發的。

這是我的代碼:

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

任何想法?

+0

我覺得你的設備有問題。重啓設備或在其他設備上運行。 –

+0

你解決了這個問題嗎?我有多個離子textarea在同一頁上第一個工作正常。對於休息雙離子textarea標籤是在DOM中,並點擊它們隱藏鍵盤。我申請了由名人swank給出的答案,然後textarea隱藏在鍵盤後面。 –

+0

我記得我使用div來解析它,而不是ion-item,但我無法再訪問源代碼來提供它... sorry = 7 –

回答

3

每當以這種方式使用ion-item時,您經常會遇到像這樣的錯誤。我有同樣的事情發生在輸入,直到我只是將它們包裹在一個div中。

Per the docs - 一個項目可以包含文本,圖像和其他任何東西。通常它被放在與其他項目的列表中。它可以輕鬆地刷卡,刪除,重新排序,編輯等等。 如果需要通過手勢操作該項目,則只需要一個項目在列表中。它需要一個ItemSliding包裝元素才能被刷入。

您可能希望重構您的代碼或格式化某種列表中的ion-item。