表示フォーム。ユーザーが有効でない場合に有効[角度]

Question

私はバリデータとフォーム検証のビルドのチュートリアルに従います - >

何か問題があったときにフォームを送信できない理由を知ることができないということがあります。彼らはdocに与えるexemple

はplunkerを取る：plunker - > https://plnkr.co/edit/TJUZlkKOv22PzPB7gHEK?p=preview

あなたは上をクリックし提出することができない、あなたのマウス罰金と正常な停止信号に変換されます。

しかし、あなたが忘れてしまったものを見つけるためにあなたのフォームの全体をチェックする必要があります。 少なくとも、ユーザーに「何かが間違っていることを説明し、この特定のフィールドをチェックしてください（これは赤でペイントされていますが、あなたはあまりにもよく見えますが、どのフィールドが必須か/偽であるかを示すヒントを表示する方法があることを願っています。 D ***「）を理解すること。

をあなたはform.validにアクセスしていない有効な。

Answer 1

のフォームは、あなたがplunkerのように反応する形のために行くことができる理由について、いくつかの最低限のexplenationを取得する方法についての手掛かりを持っていますかユーザのメッセージを表示するには、図3に示すように、有効な条件に基づいて以下のような表現を用いる。

<span *ngIf="!form.get('userData.email').valid && signUpForm.get('userData.email').touched" class="help-block"> 
      Please enter a valid Email! 
</span> 

あなたの要件が異なる場合はお知らせください。