Question

我有一个文本框，我想显示用户输入的值为2位小数，恩。如果用户输入10，那么我将在文本框中显示10.00。

<input type="number" class="form-control"/>

这很简单，我试图使用手表，但我不确定将要使用的方法以达到所需的方法。

我们是否还要在文本框输入中使用货币过滤器？

Answer 1

试试这个：

<input type="number" step="0.01" ...>

step属性实际上是up和down按钮的增量/减量，但也可以将数字的分辨率设置为一定数量的数字后浮点数中的小数。

Answer 2

过滤器会起作用吗？您可能希望以某种延迟工作，以便表单允许用户在转换数字之前完成输入，但这可以工作（减去延迟）：

    <!doctype html>
    <html ng-app="numFilterExample">
        <head>
            <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
            <script>
                angular.module('numFilterExample',[])
            .controller('NumberFilterController', ['$scope','numberFilter',function($scope,numFilter){
                $scope.change = function(){
                    $scope.num = numFilter($scope.num,2);
                };
            }]);
        </script>
    </head>
    <body>
        <div ng-controller="NumberFilterController">
            <input ng-model='num' ng-change="change()" />
        </div>
    </body>
</html>

Angular，如何将10显示为10.00

2 个答案: