如何在 angular 13 中制作 mac 地址掩码

how to make a mac address mask in angular 13

我有一个输入字段，用户必须在其中输入一个 MAC 地址，但我想应用一个掩码：

  1. 如果输入的是 12 位数字而没有“:”，它会自动完成它
  2. 如果它无效，那么我可以禁用表单并发送错误消息

有人可以帮我解决这个问题吗？

我试过使用

mask="FF:FF.FF:FF.FF:FF"

在输入字段中，使用 https://www.npmjs.com/package/ngx-mask 文档，但没有用

为此您需要使用“A”而不是“F”。应该是

<input type="text" mask="AA:AA.AA:AA.AA:AA" />

我发现了问题所在嘿嘿原来我已经在 appModule 中导入了 ngxMaskModule 但没有在我的表单组件的模块中导入，所以它没有抛出任何错误，但它也没有工作。

好吧，如果您需要使用它，请确保将它添加到组件的模块中。在 appModule 中使用 forRoot()，在组件中使用 forChild()，就像这样：

NgxMaskModule.forChild()