How to fill exact decimal value in input textbox in angularjs

Question

am getting values from database as 10.00,520.00 but when am binding to input it showing as 10 and 520

example

<input type="text" ng-model="Amount">

  $scope.Amount =10.00 ;

value binding to text box as 10 but i want bind 10.00

if your amount is in integer then you have to convert it into string before you can show the value like you want to because you have taken input type text here — Gaurav Srivastava
– Gaurav Srivastava, Commented Aug 8, 2017 at 10:58

Vindhyachal Kumar · Accepted Answer · 2017-08-08 11:55:54Z

4

Check the below working code.

var app = angular.module('plunker', []);
    app.directive('validNumber', function () {
        return {
            link: function (scope, element, attrs, ngModelCtrl) {
                setTimeout(function () {
                    var digits = element.val().split('.')[1];
                    digits = digits == null ? 2 : digits.length;
                    element.val(parseFloat(element.val()).toFixed(digits));
                }, 100);
            }
        };
    })
    app.controller('MainCtrl', function ($scope) {
        $scope.Amount = 10.0001;

    });

<script data-require="[email protected]" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script>
<div ng-app="plunker" ng-controller="MainCtrl">
    <input type="text" ng-model="Amount" valid-number />
    {{Amount}}
</div>

edited Aug 8, 2017 at 11:55

answered Aug 8, 2017 at 11:25

Vindhyachal Kumar

1,8002 gold badges24 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Gaurav Srivastava Over a year ago

good solution but if data from the server is coming upto 3 places, then your code wont work becuase you have hard coded upto two places in the directive.

Vindhyachal Kumar Over a year ago

Thanks @Gaurav! I will update it to handle this case.

Naren Murali · Accepted Answer · 2017-08-08 11:21:29Z

1

this seems like what you need

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

Reference: input 2 decimal places

answered Aug 8, 2017 at 11:21

Naren Murali

66.1k6 gold badges51 silver badges96 bronze badges

Collectives™ on Stack Overflow

How to fill exact decimal value in input textbox in angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related