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

Question

我的 html 如下所示，带有角度指令，它是一个超链接以及使用 bo-bind 在 div 上显示文本以及来自患者对象的数据。

<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>

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

我打算使用 UI.bootstrap 弹出框，但是我发现弹出框标签只会显示文本，我无法在弹出框标签上放置一些 html，有什么办法或者是否有更好的方法来获得悬停与我的动态绑定对象患者一起工作？

Answer 1

当然，事实上您可以在引导弹出窗口中包含 HTML。看看this demo bootply，使用这个标记：

  <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" 将其设置为在data-content 属性中采用 HTML，而不是文本，这样

data-content="Name : xyz<br/>..."可以用HTML代码代替纯文本来填充