二进制数字的角输入掩码

Question

我正在尝试构建仅接受来自用户的BINARY数字的输入组件。带有分隔符。

例如： 根据用户类型，组件应仅接受0/1并在每个二进制数字后附加掩码。

我尝试了PrimeNG p-inputMask，它不接受正则表达式。

也尝试了NgxMaskModule。但是仍然没有运气。

这里是否还有其他有用的插件？ 还是我可以自己编写一个函数？

Answer 1

您可以编写自己的函数来过滤您的输入值，ngx-mask没有二进制数的标准掩码。也许您可以编写自定义的遮罩图案，但是编写函数要容易得多

Answer 2

使用NGX进行检查

https://www.npmjs.com/package/ngx-mask#patterns--character-string--pattern-regexp-optional-boolean

您可以添加自己的模式。 用法：

<input type='text' [patterns]="customPatterns" mask="0-0-0-0" >

以及您的组件中

public customPatterns = {'0': { pattern: new RegExp('\[0-1\]')}};

（仅适用于1和0）

检查此很酷的正则表达式工具：

https://www.regextester.com/95029