AngularJS ui-mask用于货币,最大值和最小值

时间:2016-03-31 14:56:57

标签: javascript angularjs

我正在使用官方AngularJS UI-Mask https://github.com/angular-ui/ui-mask并试图找出如何为货币USD创建掩码。

所以我可以让用户输入$ 。然而,有时输入将超过99美元,但我现在的方式是将它设置为仅限于我在输入上设置的数量的设定限制。

如何制作,以便我可以使用更大的整数而不是最大值为99?我希望用户能够将$ 00.01兑换成$ 9,000,000.00或者所需的最大值。

以下是我目前所拥有的内容:<input type="text" ng-model="greeting" ui-mask="$99.99" class="form-control input-lg" style="width:50%" />

这是一个现场演示:http://plnkr.co/edit/5ErV11uGVxJFmD24K2jk?p=preview

2 个答案:

答案 0 :(得分:1)

绕过硬编码ui-mask的一种方法是将其设置在范围内。

S

然后在<input type="text" ng-model="greeting" ui-mask="{{mask}}" ng-change="updateMask() /> 内,您可以确定小数点前/后的字符数,并在$ scope.mask上设置。

答案 1 :(得分:1)

您可以随时使用&#34;?&#34;用于可选字符

https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html