Добавление 2 входных значений без NaN, если входное значение пусто.AngularJS - PullRequest
Новая
       2

Добавление 2 входных значений без NaN, если входное значение пусто.AngularJS

0 голосов
/ 13 июня 2018

У меня есть часть в моей форме, которая берет 2 входных числа и складывает их вместе и отображает результат. 

<input type="number" ng-model="numb1" ng-blur"addInputs()">
<input type="number" ng-model="numb2" ng-blur"addInputs()">
<p><span ng-bind="sumOfNumbs"></span>

это угловой 

numb1 = 0
numb2 = 0
addInputs = function() {
    sumOfNumbs = numb1 + numb2;
}

Но если выудалите все содержимое любого из , в котором отображается NaN, потому что numb1 или numb2 равно Null.Как мне это остановить?

1 Ответ

0 голосов
/ 13 июня 2018

Это происходит, когда вы не инициализируете значения, при попытке добавить это будет не число.Чтобы справиться с этим, вы можете использовать parseInt 

parseInt($scope.numb1) + parseInt($scope.numb2);

в вашем случае, когда вы инициализированы на 0, поэтому вы не будете получать NAN следующим образом:

DEMO 

var app = angular.module('testApp',[]);
app.controller('testCtrl',function($scope){
  $scope.numb1 = 0;
  $scope.numb2 = 0
$scope.addInputs = function() {
    $scope.sumOfNumbs = $scope.numb1 + $scope.numb2;
}

});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp">
 <div class="container" ng-controller="testCtrl">

<input type="number" ng-model="numb1" ng-blur="addInputs()">
<input type="number" ng-model="numb2" ng-blur="addInputs()">
<p><span ng-bind="sumOfNumbs"></span>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...