angular - 如何使用 Angular 7 在 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

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