Estou tentando renderizar alguns radio buttons
usando *ngFor
e só que consigo selecionar ou a primeira ou a ultima opção, nunca as opções do meio.
Tenho o seguinte array
:
[
{
"title": "First question",
"options": [
{
"title": "Title 1",
"correct": 0
},
{
"title": "Title 2",
"correct": 0
},
{
"title": "Title 3",
"correct": 0
},
{
"title": "Title 4",
"correct": 1
},
]
}
]
<ion-card *ngFor="let question of questions">
<ion-card-content>
<form>
{{ question.title }}
<ion-list radio-group>
<ion-item *ngFor="let option of question.options">
<ion-label>{{ option.title }}</ion-label>
<ion-radio [value]="option.correct"></ion-radio>
</ion-item>
</ion-list>
<button ion-button secondary full>Next question</button>
</form>
</ion-card-content>
</ion-card>
No exemplo acima, mesmo que renderize todos os radio buttons
eu só consigo selecionar o Title 1
ou o Title 4
name
é que deveria ser comparado...