2017-11-11 8 views
1

私はイオンの初心者です。このアプリはChromiumでうまく動作します。イオンリストの最初のもの以外の入力を編集することはできません

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

それはおそらく明らかです:アンドロイドが構築されたとき、それはすべての入力がHTML filled.Hereされている場合は、再度、最後の3つの入力を編集することは不可能です。助けてくれてありがとう。

+0

データをどのようにバインドするのですか? 'ngModel'はありませんか? – Sampath

+0

あなたの答えをありがとう。私はイオンの学習を始めたばかりで、これらのイオン入力を試しましたが、データを扱う前にその挙動を修正しておきたいと思います。 –

+0

'fixed'を削除してください。 – Sampath

答えて

0

paddingを次のように削除できます。

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

私は試しました。変更があります:これは編集可能な2番目のイオン入力ですが、1番目、3番目、4番目は無効になっています。 –

+0

update.Apply 'text-right'を参照してください。 – Sampath

+0

申し訳ありません改善はありません。今のところ停止してください。助けてくれてありがとう。後で解決しようとします –

0

イオン入力がフォーカスを失わずに編集可能な解決策を見出しました。私は与えられたコード、イオンヘッダー、イオン含有量、イオンリストタグを取り除いた。今、それはAndroidと完全に動作します。しかし、イオンの新しいユーザーとして、私は本当にそれらのタグを削除することで私は何を理解していない。追加し、SCSSで ::私は最終的に解決策を見つけた

UPDATE

.input-cover { 

    position: static; 

} 

入力は常にフォーカス可能であり、Iはイオン含有量、イオンヘッダを使用することができます。

関連する問題