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

Question

我从数据库中获取的值是 10.00,520.00，但是当我绑定(bind)到输入时，它显示为 10 和 520

例子

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

  $scope.Amount =10.00 ;

值绑定(bind)到文本框为 10 但我想绑定(bind) 10.00

Answer 1

检查下面的工作代码。

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>