title: How to add html to a popover in Angular4
body: <p>i managed to make a popover on hover in angular using  PopoverModule from ngx-popover and this is how it works : </p>
  
  <pre><code>&lt;a popover="hello" [popoverOnHover]="true"&gt; popover&lt;/a&gt; 
  </code></pre>
  
  <p>Now i need to change that "hello" to html (add image , div ... ) 
  i ve done some researches and i found this example </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;ng-template #popContent&gt;Hello, &lt;b&gt;{{name}}&lt;/b&gt;!&lt;/ng-template&gt;
         &lt;button type="button" class="btn btn-outline-secondary" 
       [ngbPopover]="popContent" popoverTitle="Fancy content"&gt;
          I've got markup and bindings in my popover!
           &lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but it didn't work ! any ideas? </p>