Hi @moulot,

You can use [disabled]="variable" property in your code.

Like this:

<!-- Material switch -->
<div class="switch">
  <label>
    Off
    <input type="checkbox" (change)="toggle($event)">
    <span class="lever"></span> On
  </label>
</div>

<!-- Material switch -->
<div class="switch">
  <label>
    Off
    <input type="checkbox" [disabled]="disable">
    <span class="lever"></span> On
  </label>
</div>

And ts:

import {Component} from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  disable = false;

  toggle = (event: any) => {
    this.disable = event.target.checked;
  }
}

Best, Konrad.