HTML货币输入字段

Question

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

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

等等。

Answer 1

成角度的通常方法是在表达式中使用过滤器。 因此，如果您有$ scope.myvalue变量：

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

Answer 2

为此，我能找到的最好的东西是注释中建议的库。

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