ionic2 - 获取选中的单选按钮值，在 radio-group ， ionic2 中的 (ionChange)

Question

我想在 Ionic2 的 radio-group 中的 (ionChange) 事件上获取选定的单选按钮值。

我的 HTML 代码是

<ion-list radio-group *ngFor="let question of mcqData; let i= index;" (ionChange)="mcqAnswer(i)">
  <ion-list-header>
    {{question.questionText}}
  </ion-list-header>

  <ion-item>
    <ion-label>{{question.optionA}}</ion-label>
    <ion-radio  value="1"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>{{question.optionB}}</ion-label>
    <ion-radio  value="2"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>{{question.optionC}}</ion-label>
    <ion-radio  value="3"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>{{question.optionD}}</ion-label>
    <ion-radio  value="4"></ion-radio>
  </ion-item>
</ion-list>

如何在 mcqQuesiton() 上获得 ionic radio 值( ionic 变化)。

我在一个页面上有数字或 radio 组，因为它是一个选择题页面。

Answer 1

您可以使用 ionSelect <ion-radio>事件传递值。

...
  <ion-item>
    <ion-label>{{question.optionA}}</ion-label>
    <ion-radio  value="1" (ionSelect)="mcqAnswer(i,1)"></ion-radio>
  </ion-item>
  <ion-item>
    <ion-label>{{question.optionB}}</ion-label>
    <ion-radio  value="2" (ionSelect)="mcqAnswer(i,2)"></ion-radio>
  </ion-item>
...

在您的 typescript (.ts) 文件中，它将类似于

mcqAnswer(questionID,answer){
...
}