Angular 7-在带有有效模式的输入字段中的特定字符之后添加连字符

Question

在使用angular 7在输入字段中写入时，我需要在特定字符之后添加连字符。我从Angular 2 : add hyphen after every 4 digit in input , card number input链接引用了一些代码，但无法在特定字符之后添加连字符。

1. 字符串长度应为21个字符（连字符除外）。
2. 它应接受以下正则表达式模式。

/^([\dA-Z]{5})([\dA-F]{4})([\dA-F]{5})([\dA-F]{4})([\dA-F]{3})$/g 

例如，如果我开始使用有效模式输入字段，则序列号将转换为AQFV2-ADC6-ACF8E-A002-541。