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

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

angular-ui-bootstrap angularjs html

Praveesh P · 技术社区 · 7 年前

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

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 回复 | 直到 7 年前

Praveesh P 7 年前

解决方法是使用 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/

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

7 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

7 年前