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

Question

我试图在弹出文本中添加一个引号。 说，我希望文本显示为：

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

我尝试使用特殊的 html 字符转义单引号，但在所有情况下，悬停/工具提示都停止工作。

下面的代码之所以有效，是因为它在文本中没有单引号。

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

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

提前谢谢。

Answer 1

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

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

弹出框.html文件如下所示：

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

这对我有用:)

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