如何在带角度的靴子上使用工具提示?

时间:2014-08-21 10:02:22

标签: angularjs twitter-bootstrap tooltip

您好我在我的项目中使用带有angularjs的bootstrap。我搜索并尝试了一些方法来显示工具提示中的一些文本。但它不起作用。代码在这里......请帮帮我

< div popover-placement =" up"酥料饼触发="的mouseenter"酥料饼="帮助内容显示在此处">救命? < / DIV>

< div data-toggle =" tooltip" title ="帮助内容显示在此处工具提示">救命? < / DIV>

这两种方法也行不通......如何解决?

1 个答案:

答案 0 :(得分:2)

你使用的可以使用uiJqConfig获取详细信息

http://angular-ui.github.io/ui-utils/

只需添加此模块

myapp.value('uiJqConfig', {
// The Tooltip namespace
tooltip: {
    // Tooltip options. This object will be used as the defaults
    placement: 'right'
 }

});

你可以在你的html中使用它

<span title="this is my text" ui-jq="tooltip">

 you can also change the position like

<span title="this is my text" ui-jq="tooltip"  tooltip-placement="left">