Home / Questions / 59437
Accepted
sirdaiz
Asked: 2020-03-31 23:40:38 +0800 CST 2020-03-31 23:40:38 +0800 CST

Decimals in AngularJS (Angular 1)

  • 772

I have the following:

<td>{{results | number:2}}</td>    => esto sale en la vista 120.00
<td>
    <input type="number" ng-model="results" step="any"/>  
    => esto sale en la vista 120
    <input type="number" ng-model="results | number:2" step="any"/>  
    => no sale nada en la vista
</td>

What do I have to do to get 120.00 in the input?

That is, the value with two decimal places.

You can refer to this example that does the same thing:

https://jsfiddle.net/gsferreira/Lsv9f0b0/

angularjs

3 Answers

  1. Best Answer

    You can use the following library to get the result you want

    angular-input-masks

    give

    You can't use the number directive the way you want ng-model="results | number:2"

    I hope it is useful for you.

    • 4

  2. Good, I leave you the link of the updated and working example. https://jsfiddle.net/Lsv9f0b0/1832/

    I have put them ng-model="$scope.myDecimal"and it works correctly.

    • 1

  3. Well, I don't handle angularJS and I hope my answer isn't completely useless, but according to the jsfiddle example, and if you look, the second one inputis of type textand has disable=true, and the second one of yours is of type number. The type textof the second input in the example should make it easy for the pipe to reflect the two decimal places.

    You could try a type texton the input and use a regex to validate that field in case the user can/should modify it and not just input numbers, or look for some angular directive that updates the valuefield property (a ng-valueor something like ).

    <input type=number step="0.01" value="120.00"></input>

    Interesting your question, I will be pending if someone manages to solve it. Cheers

    • 1