在Angular中使用动态输入和鼠标移动时不显示SVG标题工具提示

import { Component, ViewChild, ElementRef } from '@angular/core';

@ViewChild('svgElement') svgElement: ElementRef;

<svg #svgElement>
  <!-- SVG内容 -->
</svg>

onMouseMove(event: MouseEvent) {
  // 获取鼠标的坐标
  const x = event.clientX;
  const y = event.clientY;

  // 获取SVG元素的位置和大小
  const svgRect = this.svgElement.nativeElement.getBoundingClientRect();

  // 判断鼠标是否在SVG元素内部
  if (x >= svgRect.left && x <= svgRect.right && y >= svgRect.top && y <= svgRect.bottom) {
    // 鼠标在SVG元素内部，显示工具提示
    // 可以使用第三方库如ngx-bootstrap的Tooltip组件来实现工具提示功能
  } else {
    // 鼠标不在SVG元素内部，隐藏工具提示
  }
}

<svg #svgElement (mousemove)="onMouseMove($event)">
  <!-- SVG内容 -->
</svg>