Javascript 鼠标上的弹出窗口或表格中的弹出窗口-角度

在中添加了一个类

< td > <span class = "only-show-on-hover" > </ span > </ td >

诊断日志框的代码

< div class = "bg-white mpd-container brs-6 p-2 pl-4" > < div class = "d-flex" > < div class = "mpd-pic" > < img width = "50" class = "mr-2 mt-2 " src = "assets/images/dummy-user.svg" alt = "" /> </ div > </ div > < div class = "d-flex my-2" > < div class = "profile-completion " > completion will go here </ div > </ div > </ div >

如何打开如图所示的弹出窗口

<td [ngbPopover]="popContent" [container]="'body'" triggers="mouseenter:mouseleave">Primary Role</td>

<ng-template #popContent>
<span>Profile</span>
<span>Academic Qualification</span>
<span>Technical Learning (2 Mandatory)</span>
</ng-template>

我试图添加对话框，但它显示在td内。我已显示如图所示的弹出窗口

主要角色
<td [ngbPopover]="popContent" [container]="'body'" triggers="mouseenter:mouseleave">Primary Role</td>

<ng-template #popContent>
<span>Profile</span>
<span>Academic Qualification</span>
<span>Technical Learning (2 Mandatory)</span>
</ng-template>

轮廓
学历
技术学习（2门必修课）

供参考：

---

工作：

我希望我的回答对你有用。