Eu tento criar um teste com várias perguntas e cada pergunta tem 4 respostas, minha lógica é, o primeiro ngFor é o número de perguntas e o segundo é suas respostas. Meu problema é que, quando eu digito um texto na letra A, toda questão é afetada. Na imagem, eu escrevi as respostas em question_2, mas cada pergunta recebe essas respostas.
Meu código html:
<ion-slide *ngFor="let question of listQuestions; let indexQuestion = index ;">
<div>
<div>
<div>{{question.numberQuestion}}</div>
</div>
</div>
<div padding>
<span></span>
<ion-item>
<ion-textarea rows="3" [(ngModel)]="questionClosed.statement"></ion-textarea>
</ion-item>
<ion-row *ngFor="let letter of listLetters; let index = index ;">
<ion-col col-1 (click)="selectAnswer(letter)">
<span >{{letter}}</span>
</ion-col>
<ion-col>
<ion-item>
<ion-textarea rows="2" [(ngModel)]='responses["question_" + (question.numberQuestion).toString()][letter]'></ion-textarea>
</ion-item>
</ion-col>
</ion-row>
</div>
</ion-slide>
Meu código ts:
public questionClosed: { statement?: string; A?: string; B?: string; C?: string; D?: string; } = {
statement: null,
A: null,
B: null,
C: null,
D: null
};
public responses: any = {};
populatedListQuestions(numberQuestions) {
for (let i = 0; i < numberQuestions; i++) {
const data = {
numberQuestion: i + 1,
description: this.questionClosed
};
this.listQuestions.push(data);
let name = 'question_' + (i+1).toString();
this.responses[name] = this.questionClosed;
}
}