我有一个 md-select
和一个相应的提交按钮,我用它来调用 Web 服务并从 md-select
传递数据(我没有使用任何此处填写表格):
<div class="col-8">
<md-select placeholder="Select User" class="custom-select" id="user" name="user" [(ngModel)]="user" floatPlaceholder="never">
<md-option *ngFor="let user of users| keys" [value]="user.key">{{user.value}}</md-option>
</md-select>
</div>
<div class="col-2 mb-3">
<button type="button" class="btn blue-btn" (click)="ws(user)">View Details</button>
</div>
提交后和调用网络服务之前,我想检查是否已选择任何选项,并在没有选择的情况下显示错误消息( Angular Material 样式)。
Angular 文档提到了 mdInput
的 errorStateMatcher
,但没有提到 md-select
。
最佳答案
利用ngModelChange
<md-select placeholder="Select User" class="custom-select" id="user" name="user" [(ngModel)]="user" floatPlaceholder="never" (ngModelChange)="changeSelected($event)">
<md-option *ngFor="let user of users| keys" [value]="user.key">{{user.value}}</md-option>
</md-select>
组件
changeSelected(event) {
this.user = event.user;
}
关于javascript - md-select Angular Material 中的错误消息触发器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46149797/