如何取消选中 angular 中的 mat radio 下拉菜单？

Question

<div *ngIf= "selvaluee ==='atm' || 
"selvaluee === 'nonpay'" >
<mat-radio-group>
 <input matInput 
  formControlName="on" [(ngModel)] 
   (change)= 
  "Onchange($event,selval)">
 <mat-radio-button value="yes"> 
  yes </mat-radio-button>
 <mat-radio-button value="no"> no 
  </mat-radio-button>
 </mat-radio-group>
 </div>

如果用户在顶部选择 atm 或非支付选项，我将显示此单选按钮。选择单选按钮后，如果用户再次转到顶部并通过选择 "nonpay" 等其他选项更改 "atm" 选项，我需要默认单选按钮选项。就像单选按钮中不应选择任何选项一样。应该是新鲜的。有人可以告诉我如何在 angular 中执行此操作吗？

Answer 1

这样试试：

Working Demo

<select [(ngModel)]="selvaluee" (change)="selection = null">
  <option value="atm">Atm</option>
  <option value="nonpay">Non pay</option>
</select>


<div *ngIf="selvaluee ==='atm' || 
selvaluee==='nonpay'">
    <mat-radio-group [(ngModel)]="selection">
        <input matInput  formControlName=" on" (change)="Onchange($event,selval)">
        <mat-radio-button value="yes">
            yes </mat-radio-button>
        <mat-radio-button value="no"> no
        </mat-radio-button>
    </mat-radio-group>
</div>

如何取消选中 angular 中的 mat radio 下拉菜单？

How to uncheck the mat radio drop down in angular?

radio-button

angular

angular6