2016-12-07 49 views
0

在角材料演示,當我測試的自動完成浮動標籤例如,它不正確有錯誤的「得意之作MD-自動完成有錯誤的作品第一次只

https://material.angularjs.org/latest/demo/autocomplete

  1. 點擊狀態」,並點擊了>顯示錯誤消息:OK
  2. 刷新頁面,點擊‘收藏狀態’,輸入‘XXX’,並點擊了>顯示錯誤消息:OK
  3. 現在,不要刷新螞蟻重置場>沒有錯誤消息,但該領域是紅色的:不是爲我工作,我本來期望所要求的消息錯誤
  4. 進入「XXX」了,沒有錯誤消息

您是否有解決方案來使錯誤信息正常工作?

plunker例如: https://plnkr.co/edit/AmTLs4mbRsxgSNjEKvhn 的MD-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> 

感謝

+0

重現這個問題在plunker – Sajeetharan

+0

謝謝。我將使用此修復程序 –

回答