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

Scoping issue with AngularJS and Bootstrap tooltip

本文关键字:问题 范围 Bootstrap 工具提示 AngularJS      更新时间:2023-09-26

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

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

有人知道为什么会发生这种事吗?

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

引导程序使用title属性将内容传递到tooltip()函数的实现中。这是独立于AngularJS工作的,所以它不会被插值。AngularUI引导程序库可以用来解决这些问题。

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

这是一个非常简单的解决方案。只需将"title"属性替换为"data original title"