在Angular中验证<md-autocomplete>

时间:2017-09-19 12:44:04

标签: angular angular-material angular-material2 md-autocomplete

我有一个<md-autocomplete>,它有一个需要的控件。触摸控件无效,但不会显示任何错误。

<md-form-field>
    <input mdInput id="comboInput" placeholder="{{ label }}" aria-label="State" [mdAutocomplete]="auto" (blur)="blur($event)" (change)="handleChange($event)">
    <md-icon mdSuffix class="fa fa-times" (click)="handleInputClear()"></md-icon>
    <md-error *ngIf="control.invalid && control.touched">{{"itemIsRequired" | translate: "" : [label] }}</md-error>
    <md-autocomplete #auto="mdAutocomplete" [displayWith]="displayFn" (optionSelected)="handleOptionSelect($event)">
        <md-option *ngFor="let item of data" [value]="item">
            {{ item[textField] }}
        </md-option>
    </md-autocomplete>
</md-form-field>

我还没有找到有关验证此组件的任何文档,所以我有点丢失了。

对于错误处理,我添加了此代码,我可以看到control.touched&amp; control.invalid是真的

<md-error *ngIf="control.invalid && control.touched">{{"itemIsRequired" | translate: "" : [label] }}</md-error>

我做错了什么?

0 个答案:

没有答案