Обязательное поле Проверка не скрывается

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> 

Проблема: Когда я начинаю набирать адрес электронной почты и если он является недействительным .... я все еще мог видеть проверки адресов электронной почты, необходимой наряду с действительным адресом электронной почты.

На скриншоте ниже мы можем видеть, что письмо введено, но все еще требуется подтверждение.

Можете ли вы предложить правильный код?

Answer 1

Используйте required свойство $error:

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