輸入所需的消息不會在輸入後消失

Question

請參閱this codepen link

我有一個使用角度材料構建的簡單表單。爲此提及了angular material demo。

這些字段被標記爲必填字段，如果未輸入則顯示field required消息。但是一旦有效的條目被寫入，信息就不會消失。而在官方的演示中，這是有效的。

這是HTML代碼有關表格：

<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> 

什麼能在這裏是什麼問題？

Answer 1

您忘記了將ngMessages注入您的應用。

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