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