如何在angularjs中将bootstrap工具提示放在SVG元素上

Question

我想尝试将bootstrap工具提示放在angularjs中的svg元素上，我不使用d3.js，我只是使用angularjs。如果你给出一个更好的例子来解释。

Answer 1

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

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

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

Answer 2

不推荐使用AngularJS，这是使用ng-bootstrap在Angular中完成的操作：

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

Reference