如何在angular中按Enter键单击按钮(而不是窗体内部)

<button id="myButton" (click)="onClick()">点击按钮</button>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  @ViewChild('myButton') myButton: ElementRef;

  constructor() { }

  ngAfterViewInit() {
    this.myButton.nativeElement.addEventListener('keydown', (event) => {
      if (event.key === 'Enter') {
        this.onClick();
      }
    });
  }

  onClick() {
    // 在这里编写按钮点击事件的逻辑
  }
}