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

您可以在模板

中执行此操作

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

Answer 3

你应该在控制器上做 pfi.sum = pfi.value1 + pfi.value2 另外，您需要将控制器添加到您的html文件中。

Answer 4

你应该在控制器中执行该操作，假设您使用pfi作为controllerAs属性？

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

Angularjs添加两个数字

4 个答案: