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了


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。