Angular 6 - в MCQ [(ngModel)] показывает хороший ответ

Question

Я работаю над MCQ в Angular 6. У меня проблема с флажками, которые сразу показывают хороший ответ из-за этой строки: [(ngModel)] = "answer.good". Но проблема в том, что без этой строки я не могу определить, являются ли ответы хорошими или плохими.

answer.component.html:

<div class="" *ngFor="let answer of answers">
    <div class="answer">
        <label class="container"> 

            <input type="checkbox" 
                [(ngModel)]="answer.good" />
            {{answer.text}}
            <span class="checkmark"></span>

        </label>
    </div>
</div>

Есть ли у кого-то решение, чтобы вести учет ответов пользователя, но при этом скрывать хороший ответ?

Answer 1

Попробуйте изменить вход как

<input type="checkbox" [ngModel]="answer.good" (ngModelChange)="checkGood($event)" />

и в тс

checkGood(good){
   if(good){
   // do what you want with good
   }
}