问如何使用属性指令禁用元素？

EN

this.renderer.setAttribute(this.elementRef.nativeElement, "disabled", "true"); 

this.elementRef.nativeElement.disabled = true;

 <mat-slide-toggle
          [(ngModel)]="element.habilitado"
          (change)="toggleActive(element)"
          myCustomDirective
          disabled
        >

import { Directive, ElementRef, OnInit, Renderer2 } from "@angular/core";

@Directive({
  selector: "[myCustomDirective]",
})
export class MyCustomDirective implements OnInit {

  constructor(private elementRef: ElementRef, private renderer: Renderer2) {
    console.log("nova diretiva");
  }

  ngOnInit(): void {
    console.log(this.elementRef.nativeElement);
    this.renderer.setAttribute(this.elementRef.nativeElement, "disabled", "true");
    this.elementRef.nativeElement.disabled = true;
  }

 
}