首页 > 其他 > 详细

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

时间:2020-01-10 15:08:07      阅读:477      评论:0      收藏:0      [点我收藏+]

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了

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!