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

老问题，但以防万一有人遇到这个问题，您需要为输入字段提供错误消息。错误是说它无法将错误消息动画化到 View 中，因为缺少消息元素。

在您的 md-input-container包括 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>