无法使用 *ngFor Angular 11 获取所选垫单选按钮的值

Question

模板：

<form [formgroup]="radioForm">
<mat-radio-group>
<mat-radio-button *ngFor="let list of lists" formControlName="list" value="list.num">{{list.name}}
</mat-radio-button>
</mat-radio-group>
</form>

TS 文件：

radioForm: FormGroup = new FormGroup({
   list: new FormControl(),
});

list: List[]=[];
num: any;

ngOninit(){
  this.list = this.template.lists;
}

控制台中的列表数组包含三个值...名称、颜色和编号。

在选择单选按钮时，我想要列表中的 num 值。我该如何实现？

Answer 1

有 2 个错误需要修复：

value="list.num" 表示单选按钮的值是一个名为“list.num”的字符串。 您需要添加括号以将属性与[value]="list.num"绑定

formControlName 指令必须用于mat-radio-group 标记，而不是每个mat-radio-button 标记。