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

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

1 个答案: