How to use Bootstrap Popover with Angular2
<p>I am trying to get a Bootstrap 3 popover to display an Angular 2 interpolated template. Is this possible? Here is what I have so far:</p>

<pre><code>    $('.ba-header--user-menu').popover({
      placement: 'bottom',
      toggle: 'popover',
      trigger: 'focus',
      html: true,
      content: '{{user.email}}'
    });
</code></pre>

<p>Which gives me this:</p>

<p><a href="https://i.stack.imgur.com/AxCrN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/AxCrN.png" alt="enter image description here"></a></p>