title: popover-append-to-body attribute for a popover element doesn't seem to work in angular-ui
body: <p>I am using angular UI. (<a href="http://angular-ui.github.io/bootstrap/" rel="noreferrer">docs</a>, <a href="https://github.com/angular-ui/bootstrap" rel="noreferrer">github</a>)</p>
  
  <p>I would like to make a popover that is appended on body.</p>
  
  <ul>
  <li><p>In pure bootstrap, you have to use <code>container: 'body'</code> so that your popover is appended on the body element instead of the parent element of your popover. (see <a href="http://getbootstrap.com/2.3.2/javascript.html#popovers" rel="noreferrer">http://getbootstrap.com/2.3.2/javascript.html#popovers</a>)</p></li>
  <li><p>In Angular UI, you are supposed to use <code>popover-append-to-body</code> (see <a href="http://angular-ui.github.io/bootstrap/#/popover" rel="noreferrer">http://angular-ui.github.io/bootstrap/#/popover</a>).</p></li>
  </ul>
  
  <p>But I tried this attribute, and my popover is not appended on body. (Note that other attributes, such as <code>placement='right'</code> do work.)</p>
  
  <p>Html for the popover:</p>
  
  <pre><code>&lt;a popover="click me" popover-placement='bottom' popover-append-to-body='true'&gt;
    popover text
  &lt;/a&gt;
  </code></pre>
  
  <p>Note: In the <a href="https://github.com/angular-ui/bootstrap/blob/master/src/popover/popover.js" rel="noreferrer">source</a>, I don't find anything related to <code>popover-append-to-body</code></p>