angular 循环多组radio时,获取各自的value值

ngModel 绑定了一个字符串导致循环出来的多组radio,同时选中某一个

<div *ngFor="let item of list,let i = index">
<nz-radio-group nzName="{{item.id}}" [(ngModel)]="radioValue">
       <label [ngStyle]="style" nz-radio nzValue="A">{{item.a}}</label>
       <label [ngStyle]="style" nz-radio nzValue="B">{{item.b}}</label>
       <label [ngStyle]="style" nz-radio nzValue="C">{{item.c}}</label>
       <label [ngStyle]="style" nz-radio nzValue="D">{{item.d}}</label>
   </nz-radio-group>
</div>
public radioValue: '';

解决办法:

多组radio时,应使用数组接收

public radioValue: string[] = [];

ngModel 绑定数组的下标项

<nz-radio-group nzName="{{item.id}}" [(ngModel)]="radioValue[i]">

这样就获取到各自的val了

原文地址:https://www.cnblogs.com/webmc/p/12175690.html