javascript - md-select Angular Material 中的错误消息触发器

Question

我有一个 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。

Answer 1

利用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;
}