mdInput消息显示在无效消息元素上调用的动画:

Question

不知道为什么我收到以下消息.还有其他人在AngularJS/Angular Material中遇到过这种情况吗？我究竟做错了什么？消息本身似乎有点模糊.

mdInput messages show animation called on invalid messages element:
md-input-container.md-block.md-icon-right.md-default-theme.md-input-has-value

Answer 1

老问题,但万一有人碰到这个,你需要为输入字段提供一条错误信息.该错误表示它无法将错误消息设置为视图,因为缺少消息元素.

在你的md-input-containerinclude ng-messages中处理错误的元素.例如,如果您有一个名为myFrm所需的电子邮件地址输入命名的表单email,您的代码将是这样的:

<form name="myFrm">
  <md-input-container>
    <label>Email Address</label>
    <input type="email" ng-model="myFrm.email" name="email" required/>
    <div ng-messages="myFrm.email.$error">
      <div ng-message="required">Email address is required</div>
    </div>
  </md-input-container>
  <!-- Other form elements.... -->
</form>