2014-03-07 71 views
0

我试图多个value x monthsAngularjs - 乘以货币

在输入value我使用这个Jquery Plugin做货币掩码。

但是,这些操作不适用于插件。我想要乘以价值,包括美分。

JSFIDDLE

<div ng-app> 
Months: <input type="text" ng-model="months"><br/> 
Value:<input type="text" class="mony" ng-model="value"><br/> 
Total: <input type="text" disabled="true" value="{{months*value | currency}}"> 
</div> 
+0

我也注意到插件/角度交互关闭。查看更新的小提琴:http://jsfiddle.net/z7AYk/3/为分隔符添加足够大的值,并注意遮罩值和限定值位置已被位置关闭。这意味着,即使您正确删除了“数千”分隔符并将其转换为“分数”分隔符,它仍然无法工作。 –

回答

2

在你的情况下,值变为不理解为一些格式化字符串。 所以乘法不起作用。

在Angular中不鼓励使用jQuery来修改DOM,所有的修改都应该从Directives完成。 所以最好的解决方案是找到formater指令或创建自己的指令。只需搜索“angularjs mask input”之类的东西。

或者,也许你可以创建控制器,它的一个方法将把你的字符串解析回数字。如果你仍然想坚持使用没有指令的jQuery。