显示NG-消息而不在角度材料

Question

我想显示上无效电子邮件条目错误消息Please enter valid email.使用纳克图案，但没有使用ng-pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/"

<md-input-container class="md-block" flex-gt-xs> 
    <label>Email</label> 
    <input ng-model="user.Email" type="email" name="Email" md-maxlength="150" required ng-pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/"> 
    <div ng-messages="userForm.Email.$error"> 
     <div ng-message="required" class="my-message">Please enter email.</div> 
     <div ng-message="pattern" class="my-message">Please enter valid email.</div> 
     <div ng-message="md-maxlength" class="my-message">Plase enter less than 150 characters in email.</div> 
    </div> 
</md-input-container> 

Answer 1

如所见in the email input example of the angular documentation，所述email属性设置上无效电子邮件地址的错误对象。所以你可以改变你的代码：

<input ng-model="user.Email" type="email" name="Email" md-maxlength="150" required> 
<div ng-messages="userForm.Email.$error"> 
    <!-- all your other messages... --> 
    <div ng-message="email" class="my-message">Please enter valid email.</div> 
</div>