Formulareingabe erforderlich Nachricht nach der Eingabe nicht verschwinden wird

Question

Siehe gemacht this codepen link

Ich habe eine einfache Form unter Verwendung von Winkeln Material gebaut. haben dafür angular material demo verwiesen.

Die Felder sind als erforderlich gekennzeichnet, und wenn die Eingabe nicht erfolgt, wird eine Meldung field required angezeigt. Aber die Nachricht verschwindet nicht, sobald ein gültiger Eintrag gemacht wurde. In der offiziellen Demo funktioniert das.

ist dies der HTML-Code in Bezug auf die Form:

<form name="myform"> 
<md-input-container flex="50"> 
    <label>Name</label> 
    <input required name="name" ng-model="project.name"> 
    <div ng-messages="myform.name.$error"> 
    <div ng-message="required">This is required.</div> 
    </div> 
</md-input-container> 
<md-input-container class="md-block"> 
    <label>Email</label> 
    <input required type="email" name="email" ng-model="project.email" 
      minlength="10" maxlength="100" ng-pattern="/^.+@.+\..+$/" /> 

    <div ng-messages="myform.email.$error" role="alert"> 
     <div ng-message-exp="['required', 'minlength', 'maxlength', 'pattern']"> 
     Your email must be between 10 and 100 characters long and look like an e-mail address. 
     </div> 
    </div> 
    </md-input-container> 

<md-button class="md-raised md-primary">Submit</md-button> 
</form> 

Was ist das Problem hier sein könnte?

Answer 1

Sie haben vergessen, ngMessages in Ihre App zu injizieren.

angular.module('BlankApp', ['ngMaterial', 'ngMessages']);