title: How to make mat-checkbox unclickable in Angular material
body: <p>I can make my <code>mat-checkbox</code> 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:</p>
  
  <pre><code>&lt;mat-checkbox [disableRipple]="true" [checked]="option.controls.text.value !== ''"&gt;
    &lt;input #infoBox matInput formControlName="info" class="input-other" maxlength="100" type="text" [value]="option.controls.text.value"&gt;
  &lt;/mat-checkbox&gt;
  </code></pre>