如何使用d3.js在点击piechart切片后将数据发送到Angular中的html

<script src="https://d3js.org/d3.v7.min.js"></script>

<div id="piechart"></div>

import { Component, OnInit } from '@angular/core';
import * as d3 from 'd3';

@Component({
  selector: 'app-piechart',
  templateUrl: './piechart.component.html',
  styleUrls: ['./piechart.component.css']
})
export class PiechartComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
    const data = [
      { label: 'A', value: 10 },
      { label: 'B', value: 20 },
      { label: 'C', value: 30 }
    ];

    const svg = d3.select('#piechart')
      .append('svg')
      .attr('width', 200)
      .attr('height', 200);

    const pie = d3.pie()
      .value(d => d.value);

    const arc = d3.arc()
      .innerRadius(0)
      .outerRadius(100);

    const slices = svg.selectAll('path')
      .data(pie(data))
      .enter()
      .append('path')
      .attr('d', arc)
      .attr('fill', (d, i) => d3.schemeCategory10[i])
      .on('click', (event, d) => {
        this.handleSliceClick(d);
      });
  }

  handleSliceClick(sliceData: any): void {
    // 在这里处理点击事件，将数据发送到Angular中的HTML
    console.log(sliceData);
  }
}