ShowMaskonFocus在Angular中不适用于输入蒙版

Question

我正在使用输入蒙版库，并希望实现时间格式的掩码。 它将接受HH：MM格式中的整数数字，因此以下面的形式使用它

timeInputMask = createMask({
    mask: '[99:99]',
    showMaskOnFocus: true,
    showMaskOnHover:true
  });

<input maxlength="5" placeholder="__:__" [inputMask]="timeInputMask" />

在加载文本框默认掩码后， 为“ ：”，因此其工作正常。 问题是 - 一旦我单击文本框，掩码就隐藏了即文本框是空白的。开始键入编号后，掩码再次出现。

您知道我们如何使掩盖在He Textbox的焦点上可见吗？

Answer 1

这里我使用 https://github.com/ngneat/input-mask 库。

*.html

<input maxlength="5" placeholder="HH:MM" [inputMask]="time" />

*.ts

time = createMask<Date>({
    alias:'datetime',
    inputFormat: 'HH:MM'
  });

参考： https: //stackblitz.com/edit/angular-ivy-sp6w7d?file=src%2Fapp%2Fapp.component.html