title: AngularJS Bootstrap Tooltip - trigger on event
body: <p>I'm looking into the Angular Bootstrap UI tooltip, what i'd like to do is show the tool tip not on focus, or blur, but when I click a button. I know i can do this with a provider, but it's not clear how. I'd like to do this without Javascript or JQuery if possible, as i'm sure there's an Angular way :)</p>
  
  <pre><code>(function(){
      var app = angular.module("ngSignupPage", ['ui.bootstrap'])
          .controller("signUpController", function($scope) {      
              $scope.tooltipMessage = 'Hola mundo!';          
              $scope.showTooltip = function(){
                  //  I'd like to show the tooltip with a custom message here
              };
          });
  })();
  
  &lt;form name="signupForm" noValidate ng-submit="showTooltip()"&gt;
       &lt;input 
          type="text" 
          tooltip="{{tooltipMessage}}" 
          tooltip-trigger="focus" /* Can i set this when 'showTooltip' is clicked? */
          tooltip-placement="bottom" /&gt;
      &lt;button&gt;Save&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>