anglar>=2 formControlName='希望动态生成'

代码如下:

<form (submit)="doSubmit($event)" [formGroup]="langForm">

<ion-card *ngFor="let item of questionList;let i = index;">
  <ion-card-header>
    {{item.question_id+" "+item.question_content}}
  </ion-card-header>
  <ion-card-content>
    <ion-list radio-group formControlName="langForm.controls['formCtr{{i}}']">
      <ion-item *ngFor="let item1 of item.answer_content.substring(1,item.answer_content.length-1).split(',')">
        <ion-label>{{item1.replace('=','.  ')}}</ion-label>
        <ion-radio value="{{item.question_id+'&'+item1.trim().split('=')[0]}}"></ion-radio>
      </ion-item>
    </ion-list>
  </ion-card-content>
</ion-card>
<--上部分是动态生成下部分的内容-->
<ion-card>
  <ion-card-header>
    1. 您的年龄是?
  </ion-card-header>
  <ion-card-content>
    <ion-list radio-group formControlName="langs1">
      <ion-item>
        <ion-label>A. 18-30岁</ion-label>
        <ion-radio value="1" checked="true"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>B. 31-40岁</ion-label>
        <ion-radio value="2"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>C. 41-50岁</ion-label>
        <ion-radio value="3"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>D. 51-60岁</ion-label>
        <ion-radio value="4"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>E. 超过60岁</ion-label>
        <ion-radio value="5"></ion-radio>
      </ion-item>
    </ion-list>
  </ion-card-content>
</ion-card>
<ion-card>
  <ion-card-header>
    2. 当您进行投资时,您的首要目标是:
  </ion-card-header>
  <ion-card-content>
    <ion-list radio-group formControlName="langs2">
      <ion-item>
        <ion-label>A. 实现资产大幅增长,愿意承担较高风险</ion-label>
        <ion-radio value="1" checked="true"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>B. 产生更多收益,可以承担一定投资风险</ion-label>
        <ion-radio value="2"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>C. 尽可能保证本金安全,不介意较低收益</ion-label>
        <ion-radio value="3"></ion-radio>
      </ion-item>
    </ion-list>
  </ion-card-content>
</ion-card>

</form>

动态生成单项选择题,如何将动态生成的表单 提交。formControlName="langs2

阅读 4k
2 个回答
新手上路,请多包涵

请问解决了没?同想问这个问题,另外我想看下你的ts是怎么写的。蟹蟹

表单内容是动态的,但是提交时不都是 this.langForm.value吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题