Adding Angular Bootstrap Tooltip dynamically

Question

Is there any way to add Angular Tooltips dynamically from within the controller? I tried setting the attributes from the controller which does not work.

$("#test").attr("bs-tooltip", "content");

See this answer: http://stackoverflow.com/questions/16651227/enable-angular-ui-tooltip-on-custom-events — Derek, Oct 18 '13 at 18:03

score 4 · Answer 1 · answered Oct 18 '13 at 18:05

4

Does it need to be an angular-strap tooltip, or can you just use bootstrap itself? Something like

$("#test").tooltip({
    title: 'content',
    trigger: 'hover',
    // ...
});

answered Oct 18 '13 at 18:05

Andyrooger

6,748
1
43
44

Seems better than adding directives after compilation...if you do need to do it from a controller. – Andyrooger Oct 18 '13 at 18:44

score 0 · Answer 2 · answered Dec 04 '13 at 18:44

Angular-Strap won't show the tooltip if the text is "", so if you know you will need or might want a tooltip, you could start with the text being "" and dynamically change it.

Alternatively, the documentation claims:

Both $scope.show() and $scope.hide() are available inside the tooltip to toggle its visibility.

Although its not clear to me how to use this functionality.

Adding Angular Bootstrap Tooltip dynamically

2 Answers2