MD-オートコンプリートのみ

Question

角度材料のデモでは初めての作品、私はラベルの例を浮動オートコンプリートをテストするとき、それは好きな「上のエラー

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> 

おかげ

Answer 1

バグているように見えます。 https://github.com/angular/material/issues/6767が

私はデモでのケースが見つかり最も簡単な回避策がng-showでng-if="searchForm.autocompleteField.$touched"を交換するか、または完全に削除することです：

は、例えば、少なくともいくつかの関連のバグがあります。