You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ngx-mask粘贴含空格数字时截断问题的解决方法咨询

ngx-mask处理带空格的数字粘贴问题

要解决粘贴含空格的数字时被截断的问题,你需要通过specialCharacters和transform两个配置配合处理:

  • 用specialCharacters将空格标记为需要预处理的特殊字符,避免直接截断
  • 通过transform函数在应用掩码前自动移除所有空格

修改后的模板代码如下:

<input 
  type="text" 
  mask="999999999999"
  [specialCharacters]="[' ']"
  [transform]="(value) => value.replace(/\s/g, '')"
>

说明:

  • specialCharacters: [' ']:告知ngx-mask不要把空格当作无效字符直接截断,留到后续处理阶段处理
  • transform函数:用正则/\s/g匹配所有空白字符并替换为空,粘贴"33 55"时会先转为"3355",再匹配12位数字的掩码规则

如果需要全局生效,也可以在NgxMaskModule.forRoot()中配置相同的specialCharacters和transform规则,局部模板配置则更灵活。

内容的提问来源于stack exchange,提问作者Haradzieniec

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 07:00:56