取消选择“ Angular 2”单选按钮？

Question

我试图取消选择角度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标签。有人可以告诉我如何取消选择角度2中的单选按钮吗？

Answer 1

使用反应形式，我们可以使用

yourFormName.controls['youRradioFormContolName'].reset();

这会将您的收音机重置为未选中状态。