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

发布时间：2020-12-17 17:06:14 所属栏目：安全来源：网络整理

导读：在material2中初始化select时,不选择默认值.如果用户选择了一个值,则无法取消选择该值.我想让用户取消选择该值. Plunkr 我经历了help already available,但无法使用它. mat-select id="formal" formControlName="formal" placeholder="Default - No value se

在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为答案.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!