添加文本字段的值并显示总和

时间:2014-11-26 18:22:45

标签: angularjs angularjs-directive

我正在尝试使用angularjs添加一些数字,似乎我输入type =“text”然后它不添加数字,如果我输入type =“numbers”那么我的指令不起作用

输入类型=“文字”不加起来 input type =“number”指令不起作用

我已经整理了演示上述问题的示例 http://jsfiddle.net/abuhamzah/khh2fyjs/1/

<div ng-app="myApp">
    <input type="text" ng-model="a1" numbers-only="numbers-only" maxlength="4"/>
    <br/>
    <input type="text" ng-model="b1" numbers-only="numbers-only" maxlength="4" />
    <br>
    <input type="text" ng-model="c1" numbers-only="numbers-only" maxlength="4"/>
    <br/>
    <br>
    <input type="text" ng-model="d1" numbers-only="numbers-only" maxlength="4" />
    <br>
   payed <input type="text" ng-model="e1" numbers-only="numbers-only"   />
    <hr/>
     <h3>{{ e1 - (a1+b1+c1+d1) | currency}} </h3>  
</div>

1 个答案:

答案 0 :(得分:0)

这些数字在第一个例子中没有加起来,因为它们是字符串。它只是将所有字符串连接在一起。为了实现这一点,请在添加之前使用parseInt将其转换为数字。

re:指令,不应该是最后一行(注意'de1'而不是ee1)

<h3>{{ de1 - (aa1+bb1+cc1+dd1) | currency}} </h3>