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

Question

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

<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> 

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

Answer 1

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

Answer 2

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

Answer 3

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

x.controller('xctrl', function() { 
    var pfi = this; 
    pfi.sum = pfi.value1 + pfi.value2; 
}); 

Answer 4

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

<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 оценивает exoression на каждом изменении входов и обновляет сумму.

DEMO on JSFiddle.