2016-05-13 23 views
1

3個小數我使用的角度,我想顯示數據,以與HTML INPUT TYPE =「號碼」用戶角/ JavaScript的節目總是在輸入

<input type="number" step="0.001" class="form-control" style="width: 75px" ng-model="product.price" /> 

我始終想要顯示3位小數。但是,在數據來源的來源,人們有時

value:1.01  -> i need 1.010 
value:1.004  -> i need 1.004 
value:1   -> i need 1.000 

我試過.toFixed(3),但這返回一個字符串,這不是我所需要的(不能顯示,輸入型號)

嘗試parseFloat(mynumber.toFixed(3)),但這將再次刪除額外的零。

也許有一種方法來掩蓋輸入,如果不存在顯示一些額外的小數?

回答

0

可以使用number角度濾波器的這樣一個目的:https://docs.angularjs.org/api/ng/filter/number

+0

這是完美的作品。但是,我怎麼能用它與ng模型 因爲,這將工作顯示數字,但是,我的範圍不會更新上的變化。 Rnts

+0

你說得對。不確定,除了'ng-model'子句外,你可能還可以使用'ng-value'字段進行初始顯示嗎? –

+0

嘗試使用: ng-init =「product.price =(product.price | number:3)」 如果輸入類型是文本,但我需要將其作爲編號。用戶必須被授予數字鍵盤而不是全鍵盤,如同文本類型。 – Rnts

1

角過濾器不輸入要素工作。 Here是一個指令示例,它使用ngModel $ parsers和$ formatters將數字格式添加到輸入。

0

仍然沒有答案。據我所知,這是社區內的一個問題,如果輸入類型=數字,多餘的零就會被刪除。