如何在md中选择Angular2中取消选择所选选项

前端之家收集整理的这篇文章主要介绍了如何在md中选择Angular2中取消选择所选选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在material2中初始化select时,不选择默认值.如果用户选择了一个值,则无法取消选择该值.我想让用户取消选择该值.

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>

解决方法

我最终使用ngModel并将该值设置为undefined以获得所需的结果.

<md-select id="formal" [(ngModel)]="selectedValue" formControlName="formal" placeholder="Default - No value selected">
    <md-option value="1">formal</md-option>
    <md-option value="2">informal</md-option>
 </md-select>

<div  (click)="unselect()">click me to clear md select</div>

在组件中

unselect(): void {
   this.selectedValue = undefined;
}

plunkr为答案.

猜你在找的Angularjs相关文章