如何从循环单选按钮获取数据

时间:2019-06-06 17:20:47

标签: angular binding angular-forms

从这样的东西中获取选定值的正确方法是什么?试图从一系列问题中获取选定的值。

<ion-card class="card" *ngFor="let question of questions">
      <ion-card-header>
        <ion-card-title>{{ question.data }}?</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <ion-list>
          <ion-radio-group (ionChange)="radioGroupChange($event)">
            <ion-item *ngFor="let answer of answers['odgovori']; index as i">
              <ion-label>{{ answer }}</ion-label>
              <ion-radio slot="start" value="{{ i }}"></ion-radio>
            </ion-item>
          </ion-radio-group>
        </ion-list>
      </ion-card-content>
    </ion-card>
radioGroupChange(event) {
    console.log("radioGroupChange", event.detail);
    this.selectedRadioGroup = event.detail;
  }

1 个答案:

答案 0 :(得分:0)

据我了解,您想遍历用户从问题列表中选择的所有答案。

您可以通过为每个问题维护一个selected选项参数并对其进行迭代以获得选定的选项来实现此目的。

https://stackblitz.com/edit/angular-mcq上的工作演示