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
   }
}