反应形式复选框值更改

Question

以我的Angular反应形式。我有一个复选框，其中使用formControlName设置了它的值。当值为True时，选中该复选框。如果值为false，则复选框为空。而不是“空”复选框，我想在复选框中显示X标记。我该如何实施呢？请引导我。

HTML

<div [formGroup]="testForm">
 <input type="checkbox" formControlName="test" readonly>
</div>