不可能編輯輸入，除了第一個離子列表

我是初學離子。該應用程序在Chromium中運行良好。當Android設計，這是不可能的，如果所有的投入已經filled.Here的HTML重新編輯的最後3個輸入：不可能編輯輸入，除了第一個離子列表

<ion-header> 
<ion-navbar color="danger"> 
<ion-title>Ajouter une seance</ion-title> 
</ion-navbar> 

</ion-header> 


<ion-content padding> 
<ion-list> 

<ion-item> 
<ion-label fixed>Duree</ion-label> 
<ion-input type="time" step="2" value="0" ></ion-input> 
</ion-item> 

<ion-item> 
<ion-label fixed>Date</ion-label> 
<ion-input type="date" value="0"></ion-input> 
</ion-item> 
<ion-item> 
<ion-label fixed>Distance(km):</ion-label> 
<ion-input type="number" ></ion-input> 
</ion-item> 

<ion-item> 
<ion-label fixed>FC moyenne</ion-label> 
<ion-input type="number" ></ion-input> 
</ion-item> 

</ion-list> 
</ion-content>

這可能是顯而易見的。謝謝您的幫助。

來源

2017-11-11 Devernay Stéphane

你將如何綁定數據？沒有'ngModel'？ – Sampath

感謝您的回答。我剛開始學習離子，我嘗試了這些離子輸入，但是我想在處理數據之前解決它們的行爲（保持可編輯）。 –

刪除'fixed'並看看。 – Sampath

您可以嘗試刪除padding，如下所示。

<ion-content> 
<ion-item> 
    <ion-label fixed>Distance(km):</ion-label> 
    <ion-input type="number" text-right></ion-input> 
</ion-item> 
</ion-content>

來源

2017-11-11 16:03:23 Sampath

我試過了。有一個變化：現在它是第二個可編輯的離子輸入，但第一，第三和第四個被禁用。 –

查看更新。申請'text-right'。 – Sampath

抱歉沒有改善。暫時停下來。謝謝您的幫助。將嘗試以後解決 –

我發現了一個解決方案，即離子輸入不會失去焦點並保持可編輯狀態。我在給定的代碼中刪除了離子標題，離子內容和離子列表標記。現在，它與Android完美結合。但作爲離子的新用戶，我並不真正瞭解我通過去除這些標籤而導致的問題。

UPDATE

我終於找到了解決方案：在SCSS ，添加：

.input-cover { 

    position: static; 

}

現在輸入總是可聚焦和我可以使用離子含量，離子報頭。

來源

2017-11-13 22:00:39

不可能編輯輸入，除了第一個離子列表

回答

相關問題