AngularJS和Bootstrap工具提示的范围问题

时间:2016-03-29 17:55:30

标签: javascript angularjs twitter-bootstrap

我的AngularJS工具提示指令与引导程序有关,我遇到了一个奇怪的问题。我试图让它显示在作用域上设置的动态变量,但它显示我放在标题中的实际角度语法。下面是一个bootply,显示除了工具提示之外以多种方式工作的问题。

如果您悬停,您会看到标题提示正确显示,在文本中,您还会看到正确显示的值,但上面显示的黑色工具提示不是。

有谁知道为什么会这样?

此处的示例代码:http://www.bootply.com/OpNbEaXmBP

2 个答案:

答案 0 :(得分:1)

引导程序使用title属性将内容传递到tooltip()函数的实现中。这与AngularJS无关,因此不会进行插值。 AngularUI Bootstrap library可用于解决这些问题。

答案 1 :(得分:1)

在@Shaun指出正确的方向后,我找到了问题的答案。

这是一个非常简单的修复方法。只需将“title”属性替换为“data-original-title”

即可