0

Нужно сделать простой калькулятор.
Делал так:

<input type="number" value="25" ng-model="first">
<input type="number" value="25" ng-model="second">
<h1>{{first + second}}</h1>

Считает он правильно, но я поставил value и при загрузке страницы эти инпуты пустые. Что не так? Или вместо ng-model исп. что-то другое?

1 ответ 1

4

Если вы указали ng-model для инпута, то значение всегда будет браться оттуда. Можно присвоить начальные значение через ng-init:

<input type="number" ng-init="first=25" ng-model="first">
<input type="number" ng-init="second=25" ng-model="second">
<h1>{{first + second}}</h1>

Или в контроллере (в большинстве случаев более правильный подход)

// JS
app.controller('MainCtrl', function($scope) {
  $scope.first = 25;
  $scope.second = 25;
});

// HTML
<div ng-controller="MainCtrl">
  <input type="number" ng-model="first">
  <input type="number" ng-model="second">
  <h1>{{first + second}}</h1>
</div>
2
  • 1
    тогда атрибут value убери, он все равно не нужен
    – Grundy
    7 сен 2017 в 12:07
  • @Grundy убрал спс 7 сен 2017 в 12:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.