Angular 6 innerhtml привязка событий

Question

Мне нужно показать мой динамический HTML следующим образом.

в component.ts

public html = "<a  id="a" (click)="onClick($event)  target="_blank">";

  getStyles() {
return this.domSanitizer.bypassSecurityTrustHtml(this.predifhtml);
}

в component.html

<div [innerHTML]="getStyles()"></div>

все отображается нормально.но

 onClick(event){
         alert('ok');
}

метод не вызывается.Я должен отправить еще один вызов API, когда это событие щелчка.Как я могу решить это.