如何使用 angular 进行屏蔽 5
How to do masking using angular 5
是否可以在 Angular 5 中创建如下所示的掩码：
XXX-XX-1234
并且当用户单击文本框时，它应该更改为以下文本：
1234121234
非常感谢！
是的，戴上面具就可以了。您也可以使用管道，这样您就不会实际更改值，只需屏蔽它即可。这是我为您整理的一个简单示例：
https://stackblitz.com/edit/angular-pvmlij?file=src%2Fapp%2Fapp.componenthtml
您可以添加正则表达式来更改它。
value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,2})(\d{0,4})/);
它将 return 4 个数组，您可以根据需要连接它们，例如
!x[2] ? x[1] : `${x[1]}-${x[2]}${x[3] ? '-' + x[3] : ''}`;
是否可以在 Angular 5 中创建如下所示的掩码：
XXX-XX-1234
并且当用户单击文本框时，它应该更改为以下文本：
1234121234
非常感谢！
是的，戴上面具就可以了。您也可以使用管道，这样您就不会实际更改值，只需屏蔽它即可。这是我为您整理的一个简单示例：
https://stackblitz.com/edit/angular-pvmlij?file=src%2Fapp%2Fapp.componenthtml
您可以添加正则表达式来更改它。
value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,2})(\d{0,4})/);
它将 return 4 个数组，您可以根据需要连接它们，例如
!x[2] ? x[1] : `${x[1]}-${x[2]}${x[3] ? '-' + x[3] : ''}`;