如何将按钮角色添加到angular中的自定义元素中，以使屏幕阅读器可以访问它？

<button type="button" (click)="handleButtonClick()">点击我</button>

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

@Component({
  selector: 'app-custom-element',
  template: `
    <button type="button" (click)="handleButtonClick()">点击我</button>
  `,
})
export class CustomElementComponent {
  constructor(private elementRef: ElementRef, private renderer: Renderer2) {}

  ngAfterViewInit() {
    const buttonElement = this.elementRef.nativeElement.querySelector('button');
    this.renderer.setAttribute(buttonElement, 'role', 'button');
    this.renderer.setAttribute(buttonElement, 'aria-label', '点击我');
  }

  handleButtonClick() {
    // 处理按钮点击事件的逻辑
  }
}

import { NgModule } from '@angular/core';
import { CustomElementComponent } from './custom-element.component';

@NgModule({
  declarations: [CustomElementComponent],
  exports: [CustomElementComponent],
})
export class CustomElementModule {}

<app-custom-element></app-custom-element>