javascript - AngularJS，当使用双击事件时，$scope.amount 不显示为两位小数

Question

我有两个 $scope 对象。 $scope.grandTotal 和 $scope.amount，如果我双击 $scope.amount 的输入字段，它会自动填充输入使用 $scope.grandTotal 中的值:

<input type="text" placeholder="Enter Amount" ng-model="tenderedAmount" ng-change="updateBalance();" ng-dblclick="autoFill()" class="form-control" awnum num-sep="." num-int="15" num-thousand="true">

上面是输入代码和双击事件的地方。

$scope.autoFill = function(){
    $scope.tenderedAmount = $scope.grandTotal;
    $scope.updateBalance();
};

上面是函数autofill，在双击事件中调用。现在这是我的问题，假设 $scope.grandTotal 是 1400.10，当我双击 $scope.amount 的输入时，它填充为 1400.1，我如何将它放在它的位置将其填充为 1400.10 ?我试过使用 Math.round 和 toFix(2)，但两者都不起作用..

Answer 1

在您的 Controller 中，注入(inject) $filter 并使用 number 过滤器，如下所示:

testModule.controller('testController', ['$scope', '$filter', function($scope, $filter) {
 ....

 $scope.autoFill = function(){
    var grandTotal = $scope.grandTotal;
    $scope.tenderedAmount = $filter('number')(grandTotal, 2)
    $scope.updateBalance();
 };

 ....

}]);

希望这有帮助:)