Angular Qtip2 directive

index.html

<a class="icon cool-icon" href="#" qtip data-content="Check out this thing"></a>

qtip.js

angular.module('app')
  .directive('qtip', function($rootScope, $timeout, $window) {
    return {
      restrict: 'A',
      link: function(scope, element, attrs) {
        var my = attrs.my || 'bottom center'
          , at = attrs.at || 'top center'

        element.qtip({
          content: attrs.content,
          position: {
            my: my,
            at: at,
            target: element
          },
          hide: {
            fixed : true,
            delay : 300
          },
          style: 'qtip-dark'
        })
      }
    }
  })