如何使用angular 5进行掩蔽

是否可以在Angular 5中创建一个如下所示的遮罩：

XXX-XX-1234

当用户单击文本框时，它应更改为以下文本：

1234121234

---

非常感谢

是的，戴上面具就可以了。您也可以使用管道，这样您就不会实际更改值，只需屏蔽它即可。下面是我为您准备的一个简单示例：

---

您可以添加正则表达式来更改它

value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,2})(\d{0,4})/);

例如，它将返回4个数组，您可以根据需要连接它们

!x[2] ? x[1] : `${x[1]}-${x[2]}${x[3] ? '-' + x[3] : ''}`;

---

是的，有像NGMask这样的插件可以做到这一点。我是否可以建议将实现所需的代码放在答案中，而不是放在单独的网站上？：-）非常感谢，但是在你的代码中，我输入的值是什么，它屏蔽了整个东西，但是屏蔽应该显示我输入的值的最后4位！！“你能帮我做这个吗？”戴维德瓦尔斯霍茨，谢谢你。我尝试了我的要求，并做了以下几点