在Mat输入中输入电子邮件地址后检查电子邮件可用性

时间:2018-10-08 11:45:03

标签: angular typescript validation angular-material

在Mat Input中输入电子邮件地址后检查电子邮件的可用性

这是我的HTML代码。

<mat-form-field class="example-full-width">
  <mat-icon matSuffix>email</mat-icon>
  <input matInput etaEmailValidate type="email" placeholder="Enter Your Email Address" formControlName="emailaddress" required (focusout)="checkEmailAvailability($event)">
  <mat-hint align="start">
    <strong>Don't disclose personal info</strong>
  </mat-hint>
</mat-form-field>

TS.file的代码

checkEmailAvailability(email) {
  console.log(email.target.value);

  this.newService.checkEmailAvailability(email.target.value)
    .subscribe(res => {
      console.log(res);

    })
}

请告诉我使用什么功能,以便在输入电子邮件并单击外部后可以调用checkEmailAvailability方法

如果您需要演示我正在寻找的东西,然后Click here

输入电子邮件Demo@demo.com

0 个答案:

没有答案