angular - 如何取消选择 md-select Angular2 中的选定选项

Question

在 material2 中，初始化选择时未选择默认值。如果用户选择了一个值，他将无法取消选择它。我想让用户取消选择该值。

Plunkr

我浏览了 help already available但无法使用它。

<mat-select id="formal"  formControlName="formal" placeholder="Default - No value selected">
   <mat-option value="1">formal</mat-option>
   <mat-option value="2">informal</mat-option>
</mat-select>

Answer 1

使用 matSelect 的方法怎么样。

<mat-select (selectionChange)="onChange($event)">

onChange(event: MatSelectChange) {
    const matSelect: MatSelect = event.source;
    matSelect.writeValue(null);
    // ...
}