d3-organisation-chart，内部节点上的 onclick 事件？

问：

在 d3 组织结构图的 .nodeContent 中，我们可以为 div 添加 onclik 事件。我尝试在脚本中添加 onclick 和编写函数。但它显示一个错误，如Uncaught ReferenceError： userInfo is not defined at HTMLDivElement.onclick。这是我所做的。

ngAfterViewInit() {
    if (!this.chart) {
      this.chart = new OrgChart();
    }
    this.updateChart();
  }
 
  updateChart() {
    if (!this.data) {
      return;
    }
    if (!this.chart) {
      return;
    }
    this.chart
      .nodeContent(function (d: any, i: any, arr: any, state: any) {
        const color = '#FFFFFF';
        const imageDiffVert = 25 + 2;
        const userInfo = () => {};
        return `
        <script>
        function userInfo(){
          console.log('clicked')
        }
        </script>
         <div style="position:absolute;right: 10px; top: 38px;" onclick="userInfo()"><img src="../../../../assets/svg/user-info.svg" ></div>
     
      .container('.chart-container')
      .compact(false)
      .data(this.data)
      .render();
  }

我试过在退货之外写功能。但是该函数是初始调用的，在此节点渲染后不会调用

我只需要在单击div时调用函数userInfo（）。