How to make mat-checkbox unclickable in Angular material

I can make my mat-checkbox disabled, but want to maintain the same css that it has when being enabled. The checkbox will be checked when its input text has a value, like I did here below:

<mat-checkbox [disableRipple]="true" [checked]="option.controls.text.value !== ''">
<input #infoBox matInput formControlName="info" class="input-other" maxlength="100" type="text" [value]="option.controls.text.value">
</mat-checkbox>

Continue reading...