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刪除。