javascript - md-autocomplete 検証の問題

Question

必要な属性を持つ md-autocomplete ディレクティブがあります。予想される動作は、ユーザーがフォーム ビューに入ったときに ng-message が非表示になることです。次に、送信ボタンをクリックしてオートコンプリートが空であるか、入力を開始して空白のままにすると、検証エラーが表示されます。

検証は正常に機能しますが、ユーザーがオートコンプリートから提案を選択すると、検証エラーが一時的に表示され、gif で確認できるように非表示になります。

angular-material 1.0.9 を使用します。

md-autocomplete のコード:

<md-autocomplete
  flex
  required
  id="name"
  md-input-name="name"
  md-search-text="ctrl.searchCustomer"
  md-selected-item-change="ctrl.selectedCustomerChange(item)"
  md-items="item in ctrl.queryCustomer(ctrl.searchCustomer)"
  md-item-text="item.display"
  md-min-length="0"
  md-floating-label="{{'Customer' | translate}}">

    <md-item-template>
        <span 
          md-highlight-text="ctrl.searchCustomer"
          md-highlight-flags="^i">
            {{item.display}}
        </span>
    </md-item-template>
    <div 
      ng-show="ctrl.forms.profileForm.name.$error && ctrl.forms.profileForm.name.$touched"
      ng-messages="ctrl.forms.profileForm.name.$error">
        <div ng-messages-include="components/global/error-list.html">
        </div>
    </div>
 </md-autocomplete>

この問題を回避する方法はありますか?