必須フィールド検証が隠れていない

Question

AngularJsフォームは以下のとおりです。

<form ng-submit="doForgotPassword();" novalidate name='forgotPasswordForm'> 

    <input type="email" name="EmailAddress" ng-model="credentials.EmailAddress" 
                     ng-required="true"/> 
    <span ng-show="forgotPasswordForm.EmailAddress.$invalid" class="help-block"> 
     Invalid email 
    </span> 
    <span ng-show="forgotPasswordForm.EmailAddress.$error.email" class="help-block"> 
     Email is required 
    </span> 

    <button type="submit" ng-disabled="forgotPasswordForm.$invalid"> 
     Forgot Password 
    </button> 
</form> 

問題がある：私は電子メールアドレスを入力し始めると、それが無効である場合....私はまだ有効なEメールアドレスと一緒に、必要なメールアドレスの検証を見ることができたとき。

下記のスクリーンショットでは、電子メールが入力されていますが、まだ検証が必要であることがわかります。

あなたは正しいコードを提案してくださいことはできますか？

Answer 1

$errorのrequiredプロパティの使用：

<span ng-show="forgotPasswordForm.EmailAddress.$error.required" class="help-block"> 
    Email is required 
</span>