输入中的静态连字符

Question

我正在处理的输入是针对SSN的。我想要一个带有连字符的输入，并且用户只需要键入他/她的9位数SSN，并且连字符周围的数字就是空格。

这是一个糟糕的油漆画，我的意思是：

这些在产品密钥输入和其他类似形式中非常常见。我很难想到如何从头开始制作一个。我在HTML，AngularJS方面技术娴熟，而且我知道一点JQuery。为了可重用性，输入在它自己的AngularJs指令中，以便控制器可用于执行任何逻辑。

我正在考虑使用3个输入压缩或一些输入过滤，但我不确定。如果在github或其他地方已经有一些公共轻量级代码也会很棒。

这个目标也是让ng-model保持机智，只有一个9位数字，不包含任何连字符。

谢谢！

Answer 1

为什么不使用Angular模块，你可以在这里看到预览

https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html