首页 / JAVASCRIPT / javascript – Angular Material md-select没有显示错误

javascript – Angular Material md-select没有显示错误

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular Material md-select没有显示错误，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1280字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试实现一个表单,其中错误消息在单击提交按钮之前不会显示.对于输入,这似乎是开箱即用的,但对于md-select不符合预期.

当我提交表单(没有填写任何内容)时,我收到输入的错误消息,但不是md-select的错误消息.

http://plnkr.co/edit/BDB0NVccWckqgnSYD9Qt?p=preview

这是表格：

<form name="userForm" novalidate ng-submit="test()">
  <md-input-container>
    <label>Last Name</label>
    <input name="lastName" ng-model="lastName" required>
    <div ng-messages="userForm.lastName.$error">
      <div ng-message='required'>This is required!</div>
    </div>
  </md-input-container>

  <md-input-container class="md-block">
    <label>Favorite Number</label>
    <md-select name="favoriteNumber" ng-model="myNumber" required>
      <md-option value="1">One</md-option>
      <md-option value="2">Two</md-option>
    </md-select>
    <div ng-messages="userForm.favoriteNumber.$error">
      <div ng-message='required'>This is required</div>
    </div>
  </md-input-container>

  <div>name = {{lastName}}</div>
  <div>userForm.lastName.$error = {{userForm.lastName.$error}}</div>
  <div>number = {{myNumber}}</div>
  <div>userForm.favoriteNumber.$error = {{userForm.favoriteNumber.$error}}  </div>

  <md-button type="submit" class="md-raised md-primary">Save</md-button>
</form>

请注意,这是从Angular Material 1.1.1开始修复的

解决方法:

关于这个github issue有一个问题

基本上,当md-select模糊时,消息就会显示出来

内容总结

以上是互联网集市为您收集整理的javascript – Angular Material md-select没有显示错误全部内容，希望文章能够帮你解决javascript – Angular Material md-select没有显示错误所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/760334.html

来源：【匿名】