如何填充精确的十进制值在输入文本框在angularjs

Question

我从数据库获取的值为10.00520.00，但当我绑定到输入时，它显示为10和520

实例

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

  $scope.Amount =10.00 ;

值绑定到文本框为10，但我希望绑定10.00

Answer 1

这似乎是你需要的

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

参考：输入小数点后2位

Answer 2

检查以下工作代码。

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="angular.js@1.5.x" 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>