私の電子メールを検証する指令を作成したいのですが、どうすればいいですか？電子メールを角2で検証する
import { Directive } from '@angular/core';
@Directive({
selector: '[appEmailValidator]'
})
export class EmailValidatorDirective {
constructor() {}
}
ディレクティブを作成しましたが、検証ルール/メッセージの実装方法はわかりません。
patternでも簡単に達成できます。 Like：
<input
id="email"
type="text"
pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"
required>
ええ、私はそれをすべて行いましたが、何とか次のことをする必要があり、私は探しています 1.入力中に検証メッセージを表示しない 2.入力して削除するとき - msgを表示：電子メールが必要 3.電子メールが有効ではない間に入力して外部をクリックすると - msg =電子メールが無効です 4.フィールドに戻るとき=すべての以前の検証メッセージを非表示にする 自分自身にとって難しい種類： – grabnem
まず、独自のバリデーターを書く必要はありません。
Angular v4.0.0-beta6以降、電子メールバリデータが内蔵されています。それを使用するためには
、次の操作を行います
<input
type="email"
email
name="emailField"
[(ngModel)]="email"
#emailField="ngModel">
答えにREFR、そしてそれを実装してみてください。カスタム命令http://stackoverflow.com/questions/34072092/generic-mail-validator-in-angular2 – sainu