title: How to show angular-bootstrap tooltip dynamically
body: <p>I'm trying to show/hide the tooltip dynamically. 
  In order to do that I set up custom trigger </p>
  
  <pre><code>$tooltipProvider.setTriggers({
      'show':'hide'
  });
  </code></pre>
  
  <p>And created a custom directive which triggers 'show' event.</p>
  
  <pre><code>app.directive('dynamicTooltip', ['$timeout', function($timeout) {
    return {
      restrict: 'A',
       link: function($scope, $element, $attrs) {
        $timeout(function() {
         $element.trigger('show');
        },1000);
       }
    };
  }]);
  </code></pre>
  
  <p>However, nothing happens. No errors or something.</p>
  
  <p>Here is a <a href="http://plnkr.co/edit/zmza9NeqHcE9apsPxSGi?p=preview" rel="nofollow">plunk</a></p>
  
  <p>I read the documentation for angular-bootstrap tooltip and lots of SO posts thoroughly, but cannot figure it out.
  Am I doing something wrong or is it a bug? </p>