如何使用angular7在ngx掩码中同时使用千分隔符和小数点分隔符？

Question

我有一个angular7应用程序，其中有一个输入，我必须使用ngx-mask应用mask。

我有这样的输入

<input matInput mask="separator.2" thousandSeparator=","  [(ngModel)]="currency">

它给我这样的结果

3,000,000,000,000

但是我想要这样的结果

3,000,000,000,000.00

这意味着我还希望在输入值的末尾设置.00格式。如果用户输入了此值

3,000,000,000,000.345

所以这个值是保留的，我不想要.00，因为.345已经存在了。

Stackblitz链接为here

Answer 1

我认为这个示例中的解决方案可能会对您有所帮助。在寻找类似的解决方案时发现了它。

https://stackblitz.com/edit/ngx-mask-decimal?file=src%2Fapp%2Fapp.component.ts

使用blur事件通过添加缺少的小数(如果缺少)来“修复”您的输入