Question

我目前正在学习angularjs，这非常酷。等不及要检查其他框架了。我一直在尝试创建一个简单的Web应用程序，但是在从范围中检索值并使用数字过滤器时遇到了问题

基本上我有3个输入：total, down(down payment), balance

当我在总输入中输入金额时，它将自动显示当前的预付款和剩余余额。

这是没有数字过滤器的代码（工作中）

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, numberFilter) {    

$scope.getAmount = function() {
    var total = Number($scope.total || 0);
    $scope.down = total*.2;
    $scope.balance = total-$scope.down;
}
});

这是带有数字过滤器的代码（无法正常工作）

    var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, numberFilter) {    

$scope.getAmount = function() {
    var total = Number($scope.total || 00);
    $scope.down = numberFilter(total*.2);
    $scope.balance = numberFilter(total-$scope.down);
}
});

它可以正确显示预付定金的价值，但是对于余额来说，当它达到更高的价值时，它的价值就会消失。

这是我的html

<body>

<div ng-app="myApp" ng-controller="myCtrl">

<label>TOTAL AMOUNT</label> 
<input type="number" ng-model="total" ng-keyup="getAmount()">

<br><br>

<label>DOWNPAYMENT</label>  
<input type="text" ng-model="down">

<br><br>

<label>BALANCE</label>  
<input type="text" ng-model="balance">
</div>

</body>

在此先感谢您的任何建议或帮助！：D

Angularjs-数字过滤器问题

0 个答案: