AngularJS - 如何強制範圍輸入的ng模型爲null？

Question

它是一種過濾器，具有兩個輸入的同時使用相同的NG-模型：

<!-- 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溶液

• 激活範圍的輸入和它的上聚焦僅當NG-模型變量影響任一值從零改變爲有效的數字小的值。

此圖像顯示它是如何設置，其中白條是輔助範圍輸入

我找的任何一種提示的可能我相信，如果有可能實現的話，這將導致一種解決方案，那就是通過激活變化的範圍輸入。但是，「可以使用」和「只讀」不這樣做，有什麼可以做的？

我試圖讓它以這種方式工作，有一次我想實現，NG-口罩，其中佔位符，在這種情況下非常重要。

Answer 1

您可以將input元素包裝在form的內部，給出輸入名稱，然後您可以檢查input（例如formName.inputName.$touched）的狀態。

根據input元素的狀態，可以顯示/隱藏不同的內容。所以這個值只會在input被觸動時顯示。