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调用。我该怎么解决。