如何在 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>
这对我有用 :)
我试图在弹出文本中添加单引号。 比如说,我希望文本显示为:
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>
这对我有用 :)