Angular 如何为电子邮件制作输入掩码？

要创建遮罩，我使用。我不知道如何为电子邮件制作输入掩码

尝试过：

public emailMask = [/[a-z]/, '@',  /[a-z]/, '.', /[a-z]/ ]

---

但什么都不管用。只添加两个字符，一个在前面，另一个在后面。如何为电子邮件制作输入掩码（欢迎使用angular 2+上的其他屏蔽工具）

您需要安装以下软件包：

npm install --save angular2-text-mask
npm install --save text-mask-addons

需要将

TextMaskModule

添加到

{name}.module.ts

后：

例如（app.module.ts）：

然后将输入

textMask

添加到

{name}.component.html

：

例如（app.component.html）：

---

要在电子邮件中使用文本掩码，请参考此示例-它将指导您。要屏蔽电子邮件，您必须使用电子邮件屏蔽，并在应用程序中使用它，请参阅此库。这一切都是为了你。如果您不愿意导入库，那么您可以参考源代码这是否支持不同语言的电子邮件？@test.com

import { BrowserModule } from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { TextMaskModule } from 'angular2-text-mask';


import { AppComponent } from './app.component';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    TextMaskModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

<input [textMask]="{mask: emailMask}" placeholder="example@domain.com">

import { Component } from '@angular/core';
import emailMask from 'text-mask-addons/dist/emailMask';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  emailMask = emailMask;
}