ngx-mask - 简单的十进制掩码不起作用

Question

我想要一个只允许两位小数的文本框。我正在使用 https://github.com/JsDaddy/ngx-mask/ 来实现这一点。

This example（使用 Angular 8 和较旧的掩码版本）有效，但看起来较新的版本无效！

这是我的 html:

<input type="text" mask="99999999999999.00">

错误重现：

https://stackblitz.com/edit/angular-ivy-mask-9g3gqs?file=src%2Fapp%2Fapp.component.html

注意：我已经在回购协议中记录了 defect，但希望 SO 中的某个人也能指导我，以防我遗漏一些简单的东西。

Answer 1

这是一个来自包的错误，您可以在 GitHub、

中打开问题

但目前您可以使用多种解决方法。

1. 使用包的早期版本 例如 8.2.x。安装旧版本包的命令npm i ngx-mask@8.x

2. 或者这样使用mask

<input type="text"  mask="separator.2" thousandSeparator="" separatorLimit="99999999999999">

这是带有第二种解决方案的 stackblitz 示例 https://stackblitz.com/edit/angular-ivy-mask-juzncf?file=src/app/app.component.html

Answer 2

如果不想限制小数点前的位数，可以使用这个掩码：0*.00.

见other examples here