title: how to show tooltip when hovering?
body: <p>I defined my bootstrap tooltip like this:</p>
  
  <pre><code> &lt;button popover-template="myPopoverTemplate.html" data-trigger="hover" popover-title="{{dynamicPopover.title}}" class="btn btn-default"&gt;Popover With Template&lt;/button&gt;
  </code></pre>
  
  <p>my template looks like this:</p>
  
  <pre><code>&lt;div&gt;{{dynamicPopover.content}}&lt;/div&gt;
  &lt;div class="form-group"&gt;
    &lt;label&gt;Popup Title:&lt;/label&gt;
    &lt;input type="text" ng-model="dynamicPopover.title" class="form-control"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Problem is the tooltip does not showup on hover?</p>
  
  <p>plunkr ref:<a href="http://plnkr.co/edit/G1Cet74mVCkVYvdXRxnX?p=preview" rel="noreferrer">http://plnkr.co/edit/G1Cet74mVCkVYvdXRxnX?p=preview</a></p>