在angular / javascript中如何在输入html元素内的字符串上使用掩码

Question

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

下面是一个这样的示例的图像，是否有可用的角度库或如何在Javascript中做同样的事情。

例如：

因此，每当用户首先输入输入时，他都会得到自动建议，然后根据所选元素将获得输入掩码。

假设substring(concat(input1,input2),3)是字符串，那么它必须具有只能包含两个元素的concat，对于只有两个元素的字符串和数字类型的substring是可以接受的。 因此，像这样，我如何添加带掩码的字符串。

我有一个库https://www.npmjs.com/package/ngx-mask，但是如果嵌套字符串（例如concat）嵌套在子字符串中，该如何实现同一目的。

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

该博客很好地解释了执行此操作的不同方法及其区别。