title: Customize AngularJS Bootstrap Tooltip
body: <p>How do I add custom placements/animations to an AngularJS/Bootstrap tooltip?  I can do: </p>
  
  <pre><code>myApp.controller('TooltipCtrl', function ($scope) {
    $scope.htmlTooltip = 'Here is a tooltip!';
  });
  </code></pre>
  
  <p>And it works perfectly, but if I add:</p>
  
  <pre><code>$scope.setTriggers({
    placement: 'right'
  });
  </code></pre>
  
  <p>inside the controller, I get an <strong>"undefined is not a function"</strong> error.  What am I syntactically doing wrong?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I also tried doing this:</p>
  
  <pre><code>myApp.controller('TooltipCtrl', function ($scope) {
    $scope.placement = 'right';
    $scope.htmlTooltip = 'Here is a tooltip!';
  });
  </code></pre>
  
  <p>but it seems to have no effect on the placement on the tooltip.</p>