Вычитание работает нормально, но не сложение? - PullRequest
0 голосов
/ 11 января 2020

Я только начал изучать angularjs. Я пытался выполнить арифметические c операции. Вычитание работает нормально, но при добавлении значений оба поля ввода становятся согласованными. Что я делаю не так?

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="">

<p>Input something in the input box:</p>
<p>Number 1 : <input type="text" ng-model="num1" placeholder="Enter name here"></p><br><br>
<p>Number 2 : <input type="text" ng-model="num2" placeholder="Enter name here"></p>
<h1>Number 1: {{num1}</h1><br>
<h1>Number 2: {{num2}}</h1><br>

<h1>Sum {{num1 + num2}}</h1>
<h1>Subtract {{num1 - num2}}</h1>

</div>

</body>
</html>

Ответы [ 2 ]

0 голосов
/ 12 января 2020

Здесь '+' используется для объединения двух строк вместо оператора сложения. для добавления чисел, когда вы взяли num1 и num2, вы можете воспользоваться оператором '-'.

<div>Sum: {{num1 - (-num2)}}</div>
0 голосов
/ 11 января 2020

Использование <input type="number">:

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app="">
<p>Number 1 : <input type="number" ng-model="num1" placeholder="Enter number here"></p>
<p>Number 2 : <input type="number" ng-model="num2" placeholder="Enter number here"></p>
Number 1: {{num1}}<br>
Number 2: {{num2}}<br>

<div>Sum {{num1 + num2}}</div>
<div>Subtract {{num1 - num2}}</div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...