How to use tooltip on bootstrip with angularjs?

Question

Hi i'm using bootstrap with angularjs to my project. I searched and tried some methods for show some text in tooltip. But its not working. Code is here... please help me out

<div popover-placement="up" popover-trigger="mouseenter" popover=" Help contents displays here"> Help? </div>

<div data-toggle="tooltip" title="Help contents displays here tooltip"> Help? </div>

These two methods also not working... How to fix it?

Answer 1

you use can use uiJqConfig for details

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

just need to add this module

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

});

and u can use it in your html like this

<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">