如何清除選定的墊選擇

Question

在我將選定的值發送到父組件后，我想在選擇后清除選定的 mat-select。

這是我的代碼。

<mat-select
  (selectionChange)="selectEvent($event, InteractionEvent.ADD_ACTIVITY)"
  [(ngModel)]="activityType"
  [(value)]="activityType"
>
  <mat-option [value]="'GATHER'">{{ 'GATHER' | translate | async }}</mat-option>
  <mat-option [value]="'VOTE'">{{ 'VOTE' | translate | async }}</mat-option>
  <mat-option [value]="'RANK'">{{ 'RANK' | translate | async }}</mat-option>
  <mat-option [value]="'SCORE'">{{ 'SCORE' | translate | async }}</mat-option>
</mat-select>

selectEvent(event, type) {
  this.receiveEventOccur.emit({ event: event.value, type: type });
  this.activityType = '';
}

但它沒有在 UI 中更新。

Answer 1

activityType值在 selectionChange 事件發出后設置，快速修復是使用 settimeout，它在設置activityType值后執行this.activityType = ''

selectEvent(event, type) {
  this.receiveEventOccur.emit({ event: event.value, type: type });
  setTimeout(() => this.activityType = '')
}