Угловая маска ввода для двоичных чисел

Question

Я пытаюсь создать компонент ввода, который принимает только двоичные числа от пользователя.С разделителем.

Например: в качестве пользовательских типов компонент должен принимать только 0/1 и добавлять маску - после каждой двоичной цифры.

Я пытался PrimeNG p-inputMask, который не принимает регулярные выражения.

Также пытался NgxMaskModule.Но все равно не повезло.

Есть ли здесь другие плагины, которые могли бы помочь?Или я могу написать функцию самостоятельно?

Answer 1

Проверьте это с помощью 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

Answer 2

Вы можете написать свою собственную функцию, которая будет фильтровать ваши входные значения, ngx-mask не имеет стандартной маски для двоичных чисел.Возможно, вы можете написать свой собственный шаблон для маски, но гораздо проще написать функцию