2017-05-22 7 views
2

これは、2つの入力のが同時に同じNG-モデルを使用して、フィルタです:AngularJS - 範囲入力のモデルを強制的にヌルにする方法はありますか?

<!-- Number input --> 
<input 
type="number" 
maxlength="5" 
step="0.25" 
min="-10" 
max="10" 
placeholder="0.00" 
ng-model="sphere"> 

<!-- Range Input --> 
<input type="range" ng-model="sphere" min="-10" max="10" step="0.25"> 


は目標:

  • 当初設定されているプレースホルダの代わりの値を示します範囲入力によって。


問題:

  • 範囲の入力をNULLに設定することはできません。


Possbileソリューション

  • はレンジ入力をアクティブにして、それが集中した値のいずれかが有効なnumberic値にヌルから変更された場合にのみNG-モデル変数への影響です。


This image shows how it is set up, where the white bar is the au

この画像は、白いバーは補助レンジ入力


ここで私はその可能性先端のいずれかの種類を探しています、それが設定されている方法を示しています解決策につながると私は信じています。達成することができれば、変更の範囲入力を有効にすることであろうと考えています。しかし、「失敗しました」と「読んだり」はそれをしません。何ができますか?


私が実装したいたら、私は、それがこのように動作させるために、プレースホルダは、このような状況では重要であり、NG-マスクをしようとしています。

答えて

1

formの中にinput要素をラップし、入力に名前を付けて、などのinputの状態を確認できます。

input要素の状態に基づいて、さまざまなコンテンツを表示/非表示できます。したがって、値はinputがタッチされたときにのみ表示されます。

関連する問題