【问题标题】:md-autocomplete "required" validation not applied to parent formmd-autocomplete“必需”验证不适用于父表单
【发布时间】:2016-03-07 01:07:39
【问题描述】:

按照提供的documentation 角度材料,我设置了一个有效的自动完成指令。

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

<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 时,如何实现与表单侧的正常必填输入字段类似的行为?

【问题讨论】:

    标签: angular-material


    【解决方案1】:

    【讨论】:

    • 非常感谢,我目前通过添加 required="true" 得到了它
    猜你喜欢
    • 1970-01-01
    • 2017-08-11
    • 2015-02-12
    • 1970-01-01
    • 2019-09-19
    • 2021-07-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多