A modern angularjs directive/service for building tooltips and popovers.
As a directive
Best for simple tooltips.
Trigger on hover:
<a href="" ng-tooltip="Hello World" ng-tooltip-trigger="hover">Yo!</a>
Trigger manually:
<a href="" ng-tooltip="Hello World" ng-tooltip-trigger="manual" ng-tooltip-if="{{ error }}">Error!</a>
As a service
module.directive('myTooltip', function($tooltip) {
return $tooltip('template/my-tooltip.html', {
trigger: 'manual',
if: "{{ error }}"
});
});