1

I'm having an odd issue with my AngularJS tooltip directive that works with bootstrap. I'm trying to get it to display a dynamic variable that is set on the scope, however it is displaying the actual angular syntax that I placed in the title. Below is a bootply showing the issue working in multiple manners except for the tooltip.

If you hover, you see the title tip displaying correctly, in the text, you also see the value displayed correctly, however the black tooltip that appears above isn't.

Does anyone know why this happens?

Example code here: http://www.bootply.com/OpNbEaXmBP

Improve this question

2 Answers 2

Reset to default
1

The title attribute is used by bootstrap to pass content into it's implementation of the tooltip() function. This is working independently of AngularJS, so it doesn't get interpolated. The AngularUI Bootstrap library can be used to get around these issues.

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

1 Comment

Thanks for pointing me in the right direction. I googled around and found the correct answer
1

I found the answer to the question after @Shaun pointed me in the right direction.

This is a really simple fix. Simply replace the "title" attribute with "data-original-title"

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.