Angular 6 - 在 MCQ 中，[(ngModel)] 显示正确答案

Question

我正在 Angular 6 中处理 MCQ。由于这一行，我的复选框立即显示正确答案时出现问题：[(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)" />

并且在 ts

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

Angular 6 - 在 MCQ 中，[(ngModel)] 显示正确答案

Angular 6 - In MCQ, [(ngModel)] show the good answer

checkbox

ngmodel

angular