如果清除字段，mat-select 会突出显示先前的值答案

【问题标题】：mat-select highlights previous value if clear a field如果清除字段，mat-select 会突出显示先前的值
【发布时间】：2021-05-13 06:31:05
【问题描述】：

有一个mat-select元素

<mat-form-field id="statusField">
     <mat-select disableOptionCentering placeholder="Status" formControlName="statusField">
         <mat-option *ngFor="let status of allTaskStatuses; trackBy: trackByFn" [value]="status">
               {{ status.name }}
         </mat-option>
     </mat-select>
</mat-form-field>

还有一个清除字段的按钮

clearField(event: MouseEvent, fieldName: string): void {
        event.stopPropagation();
        this.filterFormGroup.get(fieldName).reset();
}

在我选择任何选项并单击按钮重置后，该字段变为空，但在下拉列表中之前的选择仍然突出显示。

我试过.setValue(null)而不是.reset()，但没有任何区别。

如果在单击按钮后执行console.log(this.fieldFormGroup.get('statusField'))，我会看到value: null 属性。

【问题讨论】：

标签： angular angular-material

【解决方案1】：

不确定这是否能回答您的问题，但您为什么不简单地将您的选择设置为''？

我非常快速地尝试了一个 Stackblitz 我发现躺在周围：link。我添加了一个“清除”按钮，它会删除文本和之前的选择...这是您要查找的内容吗？

【讨论】：