md-autocomplete验证问题

Question

我们有一个带有必需属性的md-autocomplete指令。预期的行为是当用户进入表单视图时隐藏ng-message，然后如果单击“提交”按钮并且自动完成为空或者如果开始在其上键入并将其留空则显示验证错误。

验证工作正常但是当用户从自动填充中选择建议时，验证错误会暂时显示并隐藏，如您在gif中看到的那样。

使用角度材质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>

有没有办法避免这个问题？