Angularjs Добавление двух чисел

0

Привет, я хочу добавить два поля и поместить в другое поле

<input type="text" ng-model="pfi.value1">
<input type="text" ng-model="pfi.value2">
<input type="text" ng-model="pfi.sum" >

его рабочий тон в ярлыке

<label>{{ pfi.value1 + pfi.value2}}</label>

но как делать то же самое в текстовом поле

  • 2
    Разве то же самое не работает? Покажите что не работает
  • 0
    как это сделать в поле формы я пытался <input type = "text" ng-model = "pfi.sum" ng-value = "pfi.value1 + pfi.value2">
Теги:

4 ответа

2

Вы должны установить pfi.sum = pfi.value1 + pfi.value2; внутри вашего контроллера. Я не уверен, что будет делать двусторонняя привязка, если вы затем отредактируете текстовое поле, прикрепленное к pfi.sum, но я подозреваю, что это будет нехорошо. Однако для демонстрационных целей это должно работать.

Поделиться
1

Вы можете сделать это в шаблоне

<input type="number" ng-model="pfi.value1">
<input type="number" ng-model="pfi.value2">
<input type="number" ng-model="pfi.sum" >

<p>{{ pfi.sum = pfi.value1 + pfi.value2}}</p>

Служба $interpolation оценивает экзосерсию при каждом изменении на входы и обновляет сумму.

ДЕМО на JSFiddle.

Поделиться
  • 0
    Круто хороший трюк, именно то, что я хочу, спасибо
0

вы должны сделать эту операцию в своем контроллере, если вы используете pfi для атрибута controllerAs?

x.controller('xctrl', function() {
    var pfi = this;
    pfi.sum = pfi.value1 + pfi.value2;
});
Поделиться
0

вы должны сделать это на контроллере pfi.sum = pfi.value1 + pfi.value2 также, вам нужно добавить контроллер в свой html файл.

Поделиться
  • 0
    да, я попытался $ scope.pfi.sum = $ scope.pfi.value1 + $ scope.pfi.value2 TypeError: Невозможно прочитать свойство 'value1' из неопределенного
  • 0
    Вы можете добавить свой код? кажется, ПФИ не определено

Ещё вопросы

Сообщество Overcoder
Наверх
Меню