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

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

Your question looks kind of weird, but have a look at the Angular UI Bootstrap project: angular-ui.github.io/bootstrap. Use this for replacing bootstraps javascript by angular directives. — Koen Weyn
– Koen Weyn, Commented Aug 21, 2014 at 10:06

malik rizwan · Accepted Answer · 2014-08-21 10:18:52Z

2

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

answered Aug 21, 2014 at 10:18

malik rizwan

1021 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

gopigoppu Over a year ago

Is not possible to do with normal angularjs?

malik rizwan Over a year ago

For this you need to add ui bootstrap

gopigoppu Over a year ago

If i add ui bootstrap, whether it will affect my normal bootstrap styles?

Collectives™ on Stack Overflow

How to use tooltip on bootstrip with angularjs?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related