javascript - 带输入掩码的千位分隔符

标签 javascript regex angular typescript ionic3

我将使用this mask使用 Ionic 3 应用程序。我已经为此设置了项目。

.ts

 this.masks = {
      budget: ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
    }

.html

   <ion-input type="number" [(ngModel)]="project.budget" [textMask]="{mask: 
 masks.budget}"></ion-input>

问:上面的掩码只是一个电话号码。你能告诉我如何在这里进行千位分隔的输入掩码吗?

希望我可以使用下面的reg ex-pattern。但是如何将其应用于masks数组?

^\d+|\d{1,3}(?:[,.]\d{3})*$

预算值为数字。没有小数。例如100,00025,000 像这样。

最佳答案

我们可以使用 createNumberMask 轻松完成此任务插件。

.ts

  const numberMask = createNumberMask({
      prefix: '',
      thousandsSeparatorSymbol: ','
    })
    this.masks = {
      budget: numberMask,
    }

关于javascript - 带输入掩码的千位分隔符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46142572/

相关文章:

javascript - PHP/mysql - 如何将变量从类传递到单独的 index.php?个人资料页面?

javascript - 为什么 Javascript 在对 int 和 string 进行操作时对加号和减号的计算方式不同

javascript - 如何使用replace()从HTML中删除竖线 "|"

python - 评估从用户到逗号分隔的单词字符串的字符串

javascript - 需要正则表达式来匹配字符串开头的特殊字符

angular - 属性 "usb"在 angular2 typescript 项目中的类型 "Navigator"上不存在

javascript - 将 Angular 验证指令与 Breeze 一起使用会阻止任何无效输入

python - 如何命名复杂的正则表达式以便在其他正则表达式中重用

angular - 动态更改 ngx-datatable 中的行颜色

angular - 如何使用我的 http 请求配置代理?