Angular material “md自动完成”;“必需”;验证未应用于父窗体

Angular material “md自动完成”;“必需”;验证未应用于父窗体,angular-material,Angular Material,按照angular material中提供的步骤,我设置了一个工作自动完成指令 所需的验证显示在嵌套的错误消息“div”中,但对父窗体没有影响。 父窗体似乎对autocomplete中的空值也是有效的 <form ng-submit="ngSubmit()" layout="column" class="md-padding" name="itemsForm" flex> <md-input-container> <label>

按照angular material中提供的步骤,我设置了一个工作自动完成指令

所需的验证显示在嵌套的错误消息“div”中,但对父窗体没有影响。 父窗体似乎对autocomplete中的空值也是有效的

<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>

代码*
{{item}}
此字段必填
拯救

在使用md autocomplete时,如何实现与a端表单中的正常必需输入字段类似的行为?

过去几天有一些提交解决了这个问题。我相信它在师父那里是固定的

您可以尝试以下版本:


在过去几天中,有一些提交解决了这个问题。我相信它在师父那里是固定的

您可以尝试以下版本:


非常感谢,我目前通过添加required=“true”使其正常工作非常感谢,我目前通过添加required=“true”使其正常工作