問題タブ [angular-validation]

Angular 4 (リアクティブ フォーム) を使用してフォームに取り組んでいます。問題は、メール アドレスフィールドのエラー メッセージを個別に表示できないことです。

この形式を試していますが、うまくいきません。

これは私のサンプルコードです

register.component.ts

register.component.html

ありがとう。

モジュールを使用しng2-validationてフォームを検証していますが、検証で問題なく動作しています。問題は、ページをロードすると、フォームに触れなくてもフォームに検証エラーが表示されるため、ページのロードではなく、ユーザーがフォームを使用した後に検証が発生する必要があることです。

ここに私のフォームテンプレートがあります:

Angular 2のリアクティブフォームで、別の値に基づいてフォームコントロールの値を変更する最良の方法は何ですか? FormGroup の.valueChangesメソッドをサブスクライブして.setValue、何らかの条件に基づいて適切なフォーム コントロールを呼び出すか、FormGroup でカスタム バリデータを作成して、何らかの条件に基づいて適切なフォーム コントロールを呼び出す方がよい.setValueでしょうか?

別のサブスクライブ/サブスクライブ解除について心配する必要がないため、カスタムバリデーターを使用するというアイデアが気に入っていますが、バリデーターは、検証エラーを追加する以外に FormGroup を変更する必要があるようには見えません。