如何在离子ngfor中制作动态无线电组按钮并传递给用户选择的打字稿

问题描述 投票:-1回答:1

API终点

http://questionaires.itresourcesgroup.com.au/public/networking

HTML

<form (ngSubmit)="submitNetworkingForm()">
     <div  *ngFor="let item of networkingdata;let i = index;" >
                           <ion-list  *ngFor="let inner of item;let b = index;" radio-group [(ngModel)]="answers" name="answers" >
                                   <ion-label>{{b}} . {{inner[i][b].question}}</ion-label>
                                      <ion-item   *ngFor="let innermost of inner[i];let c = index;">
                                        <ion-label> {{innermost.answer}}</ion-label>
                                        <ion-radio  [value]="innermost.answer"></ion-radio>
                                      </ion-item>

                            </ion-list>
                    </div>

                <button ion-button type="submit">Submit</button>
    </form>

我想让模型动态化。在PHP中这样的东西:

echo '<input type="radio" name="salutation_description[]" value="'.$row1[0].'"/>'  

然后传递给打字稿。

typescript ionic2 radio-group
1个回答
0
投票

在这段代码中删除[(ngModel)] =“answers”name =“answers”,它就像一个魅力

  <ion-list  *ngFor="let inner of item;let b = index;" radio-group [(ngModel)]="answers" name="answers" >
© www.soinside.com 2019 - 2024. All rights reserved.