在angular/Javascript中，如何对输入html元素中的字符串使用掩码

Question

我想用angular/Javascript屏蔽输入html元素中的字符串。

下面是一个这样的例子的图像，有没有可用的angular库，或者如何在Javascript中做同样的事情。

​

​

例如：

​

​

因此，当用户首先输入输入时，他将获得自动提示，然后基于所选元素，他将获得输入屏蔽。

假设substring(concat(input1,input2),3)是字符串，那么它必须具有只有两个元素的连接应该是允许的，对于只有两个元素的子串，可以使用字符串和数字类型。所以，像这样，我如何添加带有掩码的字符串。

我得到了一个库https://www.npmjs.com/package/ngx-mask，但是如果像嵌套字符串一样在子串里面拼接，怎么实现同样的事情。

Answer 1

如果你能给我们提供你的代码，这会更容易回答，但我认为我正确地理解了这个问题。

在Angular中进行属性绑定的一种方法是使用{{ }}或[]。

例如：

<input type="text" [value]="input1.substr(3).concat(input2.substr(3))"/>

或

<input type="text" value="{{input1.substr(2).concat(input2)}}"/>

Stackblitz示例：

https://stackblitz.com/edit/angular-klx3p6

这个博客很好地解释了不同的方法和不同之处。

https://blog.cloudboost.io/basic-data-binding-with-angular-67680fc149e6