zoukankan      html  css  js  c++  java
  • 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了

  • 相关阅读:
    PHP
    PHP
    密码修改机制
    PHP
    PHP
    PHP
    PHP
    Java并发编程:进程和线程的由来(转)
    Java获取文件大小的正确方法(转)
    J2EE开发中常用的缓存策略
  • 原文地址:https://www.cnblogs.com/webmc/p/12175690.html
Copyright © 2011-2022 走看看