如何去除角度材料模式内部按钮上的自动对焦？

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

@Directive({
  selector: '[disableAutoFocus]'
})
export class DisableAutoFocusDirective {
  constructor(private elementRef: ElementRef, private renderer: Renderer2) {
    this.renderer.removeAttribute(this.elementRef.nativeElement, 'autofocus');
  }
}

<button disableAutoFocus>按钮</button>