angularjs Nan是文本框为空时出现

时间:2016-12-13 06:11:17

标签: javascript jquery angularjs

我正在创建一个网络应用,我在其中使用$scope计算textbox变量,但是如果用户将textbox设为空,或者用户未输入任何内容textbox结果即将到来NaN这是我的代码

<input type="text" ng-model="amount1" ng-blur="amountchange(amount1)" />
{{total}}

在我的控制器中,我有

$scope.amountchange = function () {
    $scope.total = parseInt($scope.amount1) + parseInt($scope.total);
}

如果文本框为空,我想摆脱NaN

这是我为了更好地理解而创建的小提琴

CLICK HERE

1 个答案:

答案 0 :(得分:3)

使用

$scope.constant = 200;     //Define other variable to persist constants
$scope.total = $scope.constant;        //Initialize total 
$scope.amountchange = function() {        
    var amount1 = parseInt($scope.amount1, 10) || 0; //parse amount if its invalid set it to zero
    $scope.total = $scope.constant + amount1; //update total
}

DEMO