0

我在 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>

选择的值永远不会为空。但是当最初呈现视图时，没有选择任何按钮。如何在第一次渲染时让视图显示选定的按钮？

4

2 回答 2

0

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

choice:string = 2 + "";

StackBlitz

于 2020-08-25T19:41:07.123 回答
0

使用 [已选中] 功能。

<mat-radio-button [checked]="true"</mat-radio-button>
于 2020-08-25T19:42:01.833 回答