我正在尝试取消选择 Angular 2 中的单选按钮。我尝试了以下代码,但它没有帮助。
.html
<div [formGroup]="myForm">
<mat-radio-group matInput (click)= "resetRadio($event)" formControlName="RdoSel">
<mat-radio-button *ngFor="let RadioOpt of RadioOpts" [value]="RadioOpt .id">{{RadioOpt .value}}</mat-radio-button>
</mat-radio-group>
</div>
.ts
public RadioOpts= [
{ id: 'Market', value : 'Market'},
{ id: 'Segment', value : 'Segment'}
];
public resetRadio(event: any) {
if(myForm.get('RdoSel').value===event.target.value){
myForm.get('RdoSel').setValue('false');
}
当我 console.log(event.target.value)
它返回 <div>
标签。有人可以告诉我如何取消选择 Angular 2 中的单选按钮吗?
最佳答案
使用响应式表单,我们可以使用
yourFormName.controls['youRradioFormContolName'].reset();
这会将您的 radio 重置为未选中状态。
关于angular - 取消选择单选按钮 Angular 2?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47012311/