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

Angularjs 添加文本字段的值并显示总和,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我尝试使用angularjs添加一些数字,如果我的输入类型为text,那么它不会添加数字,如果我的输入类型为numbers,那么我的指令不起作用 输入类型=文本不累加 输入类型=数字指令不起作用 我已将演示上述问题的示例放在一起 在第一个示例中,数字不能相加,因为它们是字符串。它只是将所有字符串连接在一起。要使其工作,请在添加之前使用parseInt将它们转换为数字 回复:指令的最后一行不应该是注释“de1”而不是ee1吗 {{de1-aa1+bb1+cc1+dd1 | currency}}是

我尝试使用angularjs添加一些数字,如果我的输入类型为text,那么它不会添加数字,如果我的输入类型为numbers,那么我的指令不起作用

输入类型=文本不累加 输入类型=数字指令不起作用

我已将演示上述问题的示例放在一起


在第一个示例中,数字不能相加,因为它们是字符串。它只是将所有字符串连接在一起。要使其工作,请在添加之前使用parseInt将它们转换为数字

回复:指令的最后一行不应该是注释“de1”而不是ee1吗


{{de1-aa1+bb1+cc1+dd1 | currency}}

是的,这是一个输入错误,但是parseInt不起作用。你可以在jsfiddle中尝试并在这里发布它吗?我相信这是发生的,因为当你使用input type=number时,当你使用字母时,解析器不会启动。这意味着“仅限数字”指令无法将其过滤掉。我也面临同样的问题。。。
<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>