IONIC 4-如何在HTML中动态添加单击事件

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  @ViewChild('myElement', { static: false }) myElement: ElementRef;

  constructor(private renderer: Renderer2) { }

  addClickEvent() {
    const element = this.myElement.nativeElement;
    this.renderer.listen(element, 'click', () => {
      // 在这里编写单击事件的逻辑
      console.log('点击事件已触发');
    });
  }
}

<button #myElement (click)="addClickEvent()">点击我</button>