Css 显示绑定对象悬停数据的角度引导弹出窗口

我的html如下，带有angular指令，这是一个超链接，在div上使用bo绑定显示文本，数据来自患者对象

<a class='bold cursor-pointer hyperlink patient-name first-level-child' bo-href='patient.link'>
        <div class = "patient-name handle-long-text" bo-bind = 'patient.personName'></div>
</a>

我需要创建我的超链接，以便根据患者对象（例如：xyz）在悬停上显示一些患者详细信息 电话：353 地址：xxxxx）

---

我计划使用UI.bootstrap popover，但我发现的是popover标记只显示文本，我无法在popover标记上添加类似html的内容，是否有任何方法或是否有更好的方法让悬停与我的动态绑定对象患者一起工作？

当然，事实上，您可以在引导弹出窗口中包含HTML。使用此标记查看：

  <button type="button" 
        class="btn btn-lg btn-danger" 
        data-toggle="popover" 
        data-trigger="hover"
        title="Popover title"
        data-html="true"
        data-content="Name : xyz<br/>Phone : 3535353 <br/>Address : xxxxx">
      Click to toggle popover
  </button>

单击以切换弹出窗口

重要的是：

data trigger=“hover”

将其设置为在悬停时显示

data html=“true”

将其设置为在

数据内容

属性中使用html，而不是文本，以便

---

data content=“Name:xyz
…”“

可以用HTML代码而不是纯文本填充

您的回答似乎更多地是关于使用一些预先确定的数据内容，我的回答是关于动态填充的患者对象，如果您告诉我如何通过患者对象填充数据内容将非常有用。（如patient.Name获取Name值，patient.phone获取phone..）。只需将您的标记w/变量放入

数据内容

属性我不应该使用popover.js，但是我可以使用ui-bootstrap-custom-01.12.1.js。问题是如何让指令在提供的html内容上悬停。一个例子是单击，另一个例子也是。我不应该使用popover.js，但是我可以使用ui-bootstrap-custom-01.12.1.js。问题是如何让指令在提供的html内容上使用hover。一个例子是，但它的点击另一个太想使鼠标悬停而不是点击。