Angular 9-鼠标在注入的HTML上打开浮动组件

我有一些文本作为字符串从数据库中加载。此文本包含HTML标记。 这些标签包括

<a href="link-to-somewhere"></a>

我将文本放在页面上，如下所示：

<div [innerHtml]="text"></div> 

我想要的是： -鼠标进入时：显示一个悬停容器，其中显示使用链接选择器href的组件 -鼠标离开时：隐藏悬停容器 -维基百科显示文章预览的功能实际上是一样的

我不能使用指令，因为如果像那样注入html，它不会激活

---

我该怎么做呢？

您可以尝试在外部div中添加鼠标悬停事件，并显示第二部分

HTML

---

哦，我想我应该问一个更清楚的问题。文本始终显示。当我将鼠标悬停在文本中的某个链接上时，我希望打开一个附加的悬停容器，以显示从links href加载的文本（有点像Wikipedia）。哦，您可能正在寻找自定义的popover。您可以在Github popover页面预览中查找。

<div (mouseover)="showText()">
<div [innerHtml]="text" *ngIf="displayMe"></div>
</div>

displayMe = false;

showText() {
 displayMe = true;
}