如何在 uib-popover-html Angularjs 中的文本中添加单引号?

How to add a single quote to the text within uib-popover-html Angularjs?

我试图在弹出文本中添加单引号。 比如说,我希望文本显示为:

Text 'line' 1.
Text 'line' 2.

我尝试使用特殊的 html 字符转义单引号,但在所有情况下,hover/tooltip 都停止工作了。

下面的代码有效,因为它在文本中没有单引号。

<a uib-popover-html="'<p>Text line 1.</p>
<p>Text line 2.</p>'"
popover-title="Name your drivers"
popover-trigger="'mouseenter click'">
Hover Here
</a>

即使在谷歌搜索之后也没有太多运气。

提前致谢。

解决方案是使用 uib-popover-template 而不是 uib-popover-html :

<a uib-popover-template="'popover.html'" 
popover-title="Name your drivers"
popover-trigger="'mouseenter click'">
Hover Here
</a>

popover.html 文件如下所示:

<p>Text 'line' 1.</p>
<p>Text 'line' 2.</p>

这对我有用 :)

http://embed.plnkr.co/4YTnxnV0CSsiVV4uSh9V/