我需要一些帮助来在Angular中编写嵌套的ngFor循环

问题描述

@H_502_0@我需要一些帮助来在Angular中编写嵌套的ngFor循环。一个问题循环（复选框）需要始终有3个相同的答案（单选按钮）。

@H_502_0@我的代码：

<ng-container *ngFor="let daType of daTypes"> 
 <mat-checkBox [name]="daType" [(ngModel)]="data[daType]">{{some string interpolation}}</mat-checkBox>
 <mat-radio-group id="daTAs" name="daTAs" [(ngModel)]="data[daType]">
   <ng-container *ngFor="let daTA of ansYNU">
     <mat-radio-button [value]="daTA"> {{some string interpolation}} </mat-radio-button>
   </ng-container>
 </mat-radio-group>
</ng-container>

@H_502_0@ daTypes和ansYNU都是字符串数组。

@H_502_0@通过这样写，所有单选按钮的行为都像一个-如果我在第一个问题中选择“是”，然后在第二个问题中选择“否”，则第一个“是”不会保持选中状态。

@H_502_0@有人可以看到问题出在哪里吗？

解决方法

通常，所有无线电组应具有唯一的“名称”属性。在这种情况下，在每次迭代中，您都将使用具有相同“名称”属性值的单选组。

我建议您为它们分别分配不同的“名称”属性值。