title: how to use $uibTooltipProvider in popover of angular UI bootstrap
body: <p>I am using popover directive to display popover. I have multiple pop over in my code.
  But as per requirement, we need to show only one pop up open at one time.
  After googling, I found that we can use $uibTooltipProvider.option (popover-mode : single). But I am not sure how to use this inside my code.
  I am using angular 1.5 with typescript.
  My pop over code is as follows:</p>
  
  <pre><code>&lt;span class="invoke-popup " popover-placement="left " 
      uib-popover-template="$ctrl.dynamicPopover.templateUrl"
      popover-is-open="$ctrl.isPopOverOpen[$index] "&gt;
  &lt;/span&gt;
  </code></pre>