Question

在角度材料中提供documentation之后，我设置了一个有效的自动完成指令。

所需的验证显示在嵌套的错误消息＆＃34; div＆＃34;中，但对父表单没有影响。即使自动完成中的空值，父表单似乎也有效。

<form ng-submit="ngSubmit()" layout="column" class="md-padding"
    name="itemsForm" flex>

     <md-input-container>
       <label>Code *</label>
       <input type="text" name="code" required ng-model="ngModel.code"/>
     </md-input-container>

      <md-autocomplete flex
                   required
                   md-input-name="author"
                   md-search-text="searchText"
                   md-search-text-change="ngModel.author = (searchText)"
                   md-selected-item-change="ngModel.author = item"
                   md-items="item in filterAutocomplete(searchText)"
                   md-item-text="item"
                   md-floating-label="Author *">
         <md-item-template>
           <span md-highlight-text="ctrl.searchText">{{item}}</span>
         </md-item-template>
         <div ng-messages="autocompleteForm.autocomplete.$error">
           <div ng-message="required">This field is required</div>
         </div>
     </md-autocomplete>
    <md-button class="md-primary" type="submit"
             ng-disabled="itemsForm.$invalid"
             ng-class="{'md-raised': itemsForm}">
    Save
  </md-button>
</form>

使用md-autocomplete时，如何在表单中实现与正常所需输入字段类似的行为？

Answer 1

过去几天有一些提交解决了这个问题。我相信它是固定在主人身上的。

https://github.com/angular/material/issues/7350

https://github.com/angular/material/issues/5896

您可以尝试以下版本：

https://cdn.gitcdn.link/cdn/angular/bower-material/v1.0.6-master-3310aa9/angular-material.css

https://cdn.gitcdn.link/cdn/angular/bower-material/v1.0.6-master-3310aa9/angular-material.js

md-autocomplete＆＃34; required＆＃34;验证不适用于父表单

1 个答案: