在Angular材料演示中,当我测试自动完成的浮动标签示例时,它与错误无法正常工作
https://material.angularjs.org/latest/demo/autocomplete
- 单击"最爱状态",然后单击>显示错误消息: OK
- 刷新页面,单击"最爱状态",输入" xxx",然后单击" XXX">显示错误消息: OK
- 现在,不要刷新蚂蚁重置字段>没有错误消息,但是字段是红色的:不对我有用,我会期望一个必需的消息错误
- 再次输入" xxx",没有错误消息
您是否有解决错误消息正常工作的解决方案?
plunker示例:https://plnkr.co/edit/amtls4mbrsxgsnjekvhnMD-AUTAUCOMPLETE字段的代码
<md-autocomplete flex required
md-input-name="autocompleteField"
md-input-minlength="2"
md-input-maxlength="18"
md-no-cache="ctrl.noCache"
md-selected-item="ctrl.selectedItem"
md-search-text="ctrl.searchText"
md-items="item in ctrl.querySearch(ctrl.searchText)"
md-item-text="item.display"
md-require-match
md-floating-label="Favorite state">
<md-item-template>
<span md-highlight-text="ctrl.searchText">{{item.display}}</span>
</md-item-template>
<div ng-messages="searchForm.autocompleteField.$error" ng-if="searchForm.autocompleteField.$touched">
<div ng-message="required">You <b>must</b> have a favorite state.</div>
<div ng-message="md-require-match">Please select an existing state.</div>
<div ng-message="minlength">Your entry is not long enough.</div>
<div ng-message="maxlength">Your entry is too long.</div>
</div>
</md-autocomplete>
谢谢
似乎是一个错误。
至少有几个相关的错误,例如:https://github.com/angular/material/issues/6767
我在演示中发现的最简单的解决方法是将ng-if="searchForm.autocompleteField.$touched"
替换为ng-show
或将其完全删除。