angularjs - エラーのある md-autocomplete は初回のみ機能します

Question

angular マテリアルのデモで、オートコンプリート フローティング ラベルの例をテストすると、エラーが発生して正しく動作しません。

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

1. 「お気に入りの状態」をクリックしてクリックアウト > エラーメッセージが表示されます: OK
2. ページを更新し、「お気に入りの状態」をクリックし、「xxx」と入力してクリックアウト > エラーメッセージが表示される: OK
3. ここで、フィールドを更新しないで、フィールドをリセットしてください > エラーメッセージは表示されませんが、フィールドは赤です: 私にとっては機能していません。
4. 「xxx」をもう一度入力します。エラー メッセージは表示されません

エラーメッセージを正しく機能させるための解決策はありますか?

プランカーの例: 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>

ありがとう