title: why contend show multiple time in angular while using ajax call?
body: <p>I have two problem in my demo .I am making a pop over .I should open on icon click(here is used star icon).when i click star icon I am able to see pop up screen as I want but problem is that when I click another icon /star icon it open another pop over without closing the first one pop over.I need to display pop over one at time..</p>
  
  <ul>
  <li><p>1 ) can we show pop over one at one time .it show only one pop over
  at one time.</p>
  
  <p>2)when I include in my plunker (tooltip.js and pop over plugin).It show the contend on <strong>mouseover</strong> event .but when i remove this it show on <strong>click</strong> event why ?</p></li>
  </ul>
  
  <p>Here is plunker with scripts  tooltip and popover .display on click ?</p>
  
  <p><a href="http://plnkr.co/edit/OYiawflIBnpJ1PKx02LG?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/OYiawflIBnpJ1PKx02LG?p=preview</a></p>
  
  <p>here is the plunker with these plugin display on mouser over event why ?
  <a href="http://plnkr.co/edit/OYiawflIBnpJ1PKx02LG?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/OYiawflIBnpJ1PKx02LG?p=preview</a></p>
  
  <pre><code> &lt;script src="https://dl.dropboxusercontent.com/s/a98aey2mlu0h511/bootstrap-tooltip.js"&gt;&lt;/script&gt;
   &lt;script src=" https://dl.dropboxusercontent.com/s/s1imyubboz1qjtl/bootstrap-popover.js?m="&gt;&lt;/script&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/uT9tT.png" alt="enter image description here"></p>