Как сделать коврик-флажок нескользким в угловом материале

Question

Я могу сделать мой mat-checkbox отключенным, но хочу сохранить тот же CSS, что и при включении.Флажок будет установлен, когда его входной текст имеет значение, как я сделал здесь ниже:

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

Answer 1

Если я правильно понимаю, пользователь никогда не сможет установить флажок вручную.Вместо этого он будет переключаться программно в зависимости от входного значения.

Вы можете очень просто предотвратить поведение по умолчанию click, поэтому при нажатии флажка ничего не происходит:

<mat-checkbox [checked]="infoBox.value !== ''"
              [disableRipple]="true"
              (click)="$event.preventDefault()">

  <input #infoBox matInput type="text">

</mat-checkbox>