如何将引导工具提示放在 angularjs 中的 SVG 元素上

【问题标题】：How to put bootstrap tooltip over SVG elements in angularjs如何将引导工具提示放在 angularjs 中的 SVG 元素上
【发布时间】：2015-12-08 19:32:59
【问题描述】：

我想尝试将引导工具提示放在 angularjs 中的 svg 元素上，我没有使用 d3.js，我只是使用 angularjs。如果您用示例进行解释，那将是可取的。

【问题讨论】：

【解决方案1】：

诀窍就是将它附加到正文而不是父元素。

我用UI Bootstrap 角度指令创建了here 示例。

<svg>
    <circle cx="60" cy="60" r="50" tooltip="Hello world" 
        tooltip-append-to-body="true" tooltip-placement="right"/>
</svg>

【讨论】：

【解决方案2】：

由于 AngularJS 已被弃用，这就是在 Angular 中使用 ng-bootstrap 完成的方法：

<svg>
<circle cx="60" cy="60" r="50" tooltip="Hello world" container="body" placement="right"/>
</svg>

【讨论】：