如何设置Angular 9 matRadioButton组的初始值？

Question

我有用Angular Material实现的最简单的无线电组。该小组自从最初用Angular 2编写以来一直存在。该应用程序刚刚升级到Angular 9。

     <mat-radio-group [(ngModel)]="choice" class="btn-group">
        <mat-radio-button value="1" color="primary">Choice 1</mat-radio-button>
        <mat-radio-button value="2" color="primary">Choice 2</mat-radio-button>
        <mat-radio-button value="3" color="primary">choice 3</mat-radio-button>
     </mat-radio-group>

choice的值永远不会为null。但是，当最初渲染视图时，没有选择按钮。第一次渲染时如何使视图显示所选按钮？

Answer 1

您可以在.ts文件中设置选择值，无论您想保留其默认值。

choice:string = 2 + "";

StackBlitz

Answer 2

使用[已选中]功能。

<mat-radio-button [checked]="true"</mat-radio-button>