如何使用ngx-mask实现(500)-000-0000格式的输入掩码？

直接将固定数字写入掩码格式串报错，是因为ngx-mask默认会将格式串中的数字识别为用户输入占位符，需要用特殊语法标记固定内容，以下是两种可用实现方案：

方案1：格式串内标记固定字符 #

在格式串中把需要固定的数字用单引号包裹，标注为固定内容无需用户输入：

<!-- 固定前缀5，用户仅需输入后9位数字 -->
<input mask="('5'00)-000-0000" [showMaskTyped]="true" />

方案2：通过prefix属性配置固定前缀 #

将固定前缀拆分到prefix属性中，掩码格式保留可变部分规则：

<input mask="00)-000-0000" prefix="(5" [showMaskTyped]="true" />

配置[showMaskTyped]="true"可以让固定前缀在用户未输入时就默认显示在输入框内，省略该配置则仅在用户开始输入后才会补全固定前缀。
如果需要全局生效该配置，可以在引入NgxMaskModule时传入全局参数：

import { NgxMaskModule } from 'ngx-mask';

@NgModule({
  imports: [
    NgxMaskModule.forRoot({
      showMaskTyped: true
    })
  ]
})
export class AppModule {}

内容的提问来源于stack exchange，提问作者YSFKBDY