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

【问题标题】：How to add a single quote to the text within uib-popover-html Angularjs?如何在 uib-popover-html Angularjs 中的文本中添加单引号？
【发布时间】：2019-02-17 01:53:59
【问题描述】：

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

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>

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

提前致谢。

【问题讨论】：

也许可以使用uib-popover-template ?
转义单引号有效here.. 不知道你是如何尝试
谢谢@tanmay :)

标签： html angularjs angular-ui-bootstrap

【解决方案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>

popover.html 文件如下所示：

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

这对我有用:)

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

【讨论】：