Как создать кнопку в файле .ts в angular и добавить событие клика

Question

Я хочу создать кнопку в файле машинописного текста, используя теги html. Я не знаю, как добавить событие нажатия для этой кнопки, я создал 2 кнопки действий, чтобы добавить событие нажатия

"data": "img", "render": function (data) {
    return '<button class="btn tblActnBtn" value= "Click" id="edit" (click)="onClickMe()" ><i class="material-icons">mode_edit</i></button><button class="btn tblActnBtn"><i class="material-icons">delete</i></button>'
}

Спасибо,

Answer 1

html:

<div  [innerHTML]="answerPanelContent"></div>

ts:

import { Component, Renderer2, ElementRef, OnInit } from '@angular/core';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  implements OnInit {
  constructor(    private renderer:Renderer2,
                  private el:ElementRef) { }

  ngOnInit() {
    const button = this.renderer.createElement('button');
    const buttonText = this.renderer.createText('Click me');
    this.renderer.appendChild(button, buttonText);
    this.renderer.appendChild(this.el.nativeElement, button);
    this.renderer.listen(button, 'click', () => {alert('hi');});
  }
}

Вы можете написать каждое событие в {alert ('hi'); ......}