代码之家  ›  专栏  ›  技术社区  ›  Praveesh P

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

  •  0
  • Praveesh P  · 技术社区  · 6 年前

    例如,我希望文本显示为:

    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>
    

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

    提前谢谢。

    1 回复  |  直到 6 年前
        1
  •  0
  •   Praveesh P    6 年前

    解决方法是使用 uib popover模板 而不是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/