HTML货币输入字段

时间:2016-02-15 19:38:10

标签: javascript angularjs html5 ionic-framework

我正在尝试创建一个用于输入货币的输入字段。这适用于使用Ionic构建的移动应用程序。我希望输入字段仅在单击时显示数字键盘。但是,我希望该字段显示为货币。因此,当用户首次单击该字段时,数字键盘将显示,输入字段将显示为$ 0.00。然后,当用户输入数字时,该字段将如下所示:

User enters 1 : $0.01
User enters 5 : $0.15
User enters 2 : $1.52

等等。

2 个答案:

答案 0 :(得分:1)

角度的常用方法是在表达式中使用过滤器。所以如果你有一个$ scope.myvalue变量:

<div class='whatever'>{{ myvalue | currency }}</div>

答案 1 :(得分:0)

我能找到的最好的东西是评论中建议的图书馆。

http://assisrafael.github.io/angular-input-masks/