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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在离子ngfor中制作动态无线电组按钮并传递给用户选择的打字稿相关的知识,希望对你有一定的参考价值。

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].'"/>'  

然后传递给打字稿。

答案

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

  <ion-list  *ngFor="let inner of item;let b = index;" radio-group [(ngModel)]="answers" name="answers" >

以上是关于如何在离子ngfor中制作动态无线电组按钮并传递给用户选择的打字稿的主要内容,如果未能解决你的问题,请参考以下文章

在离子2中的页面之间传递一个数组

使用 ngFor 在表单内动态设置离子输入值

离子动态单选按钮组

右图标显示时,离子列表按钮会调整大小

如何从多个单选组传递单选按钮值?如何解决返回第一个值?

如何将 ngFor 循环的索引值传递给组件? [复制]