角材料-将值传递给无线电组

Question

为什么将值传递给mat-radio-group不起作用？这两个按钮中的任何一个都被选中。但是，如果我在value="2"中明确使用mat-radio-group，一切正常。

TS课堂内

 radioValue = 2;

HTML

<mat-radio-group [value]="radioValue">
        <mat-radio-button class="mr-2" value="1">Male</mat-radio-button>
        <mat-radio-button value="2">Female</mat-radio-button>
    </mat-radio-group>

Answer 1

问题与数据类型有关，您正在合并string和number。如下更改模板（也将[value]与mat-radio-button一起使用）

<mat-radio-group [value]="radioValue">
    <mat-radio-button class="mr-2" [value]="1">Male</mat-radio-button>
    <mat-radio-button [value]="2">Female</mat-radio-button>
</mat-radio-group>