首页 > 解决方案 > ngx-mask - 简单的十进制掩码不起作用

问题描述

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

此示例(使用 Angular 8 和较旧的掩码版本)有效,但看起来较新的版本无效!

这是我的html:

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

错误重现:

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

在此处输入图像描述

注意:我在 repo 中记录了一个缺陷,但希望 SO 中的某个人也可以指导我,以防我遗漏了一些简单的东西。

标签: angularngx-mask

解决方案


这是来自包的错误,您可以在 GitHub 中打开问题,

但是现在您可以使用几种解决方法。

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

  2. 或通过这种方式使用面具

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

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


推荐阅读