如何在D3树节点内容上触发角点单击事件？

Question

D3树节点内的HTML元素上没有Angular的（单击）事件。我正在使用“ .append（'xhtml'）。html”将HTML添加到D3树节点。仅本机内联javascript函数起作用。结果，我无法将点击信息发送到另一个组件。

用于D3树创建的代码及其每个节点内部的HTML内容位于model.ts文件中，该文件使用外部组件的服务进行调用。 D3树节点的“单击”事件起作用，但是我的目标是听事件单击其内容。

.append('xhtml').html(function (d) {   
... 
let html = '<span (click)="console.log(\'Test String 1\')">(1)</span> <span (click)="console.log(\'Test String 2\')">(8)</span> <span (click)="console.log(\'Test String 3\')">(2)</span>'  
...  
return html;  
}

我希望将每个跨度的特定值发送到另一个组件，但此处仅使用内联javascript函数。