Angular 6 ngx-mask 插件，同一输入字段上有多个掩码答案

【问题标题】：Angular 6 ngx-mask plugin, multiple masks on same input fieldAngular 6 ngx-mask 插件，同一输入字段上有多个掩码
【发布时间】：2019-07-19 01:46:10
【问题描述】：

所以我使用这个插件https://github.com/JsDaddy/ngx-mask 来动态屏蔽输入字段（当用户输入时）。因此，例如，如果我的面具只接受 123 并且他们输入 abc 什么都不会发生。我遇到的问题是我需要在同一个输入字段上使用两个掩码，因此我需要例如 123 和 abc 都被接受，而不仅仅是一个或另一个。这是我在上面链接中的文档之后的代码示例。

<input id="main-office-phone"type="phone" minlength="10" prefix="+1 " mask="(000)-000-0000">

【问题讨论】：

标签： javascript angular masking

【解决方案1】：

我认为这可能有效

<input id="main-office-phone"type="phone" minlength="10" prefix="+1 " mask="(AAA)-AAA-AAAA">

【讨论】：

你为什么这么认为？
查看源代码 export const initialConfig: IConfig = { patterns: { '0': { pattern: new RegExp('\\d'), }, '9': { pattern: new RegExp ('\\d'), 可选: true, }, X: { 模式: new RegExp('\\d'), 符号: '*', }, A: { 模式: new RegExp('[a-zA -Z0-9]'), },

【解决方案2】：

以此为例

<input id="main-office-phone"type="phone" minlength="10" prefix="+1 " mask="AAA AAA AAA||(000)-000-0000">

您必须使用双管道“||”用于分隔您要使用的两个不同掩码的符号。

【讨论】：