title: Ngx-bootstrap popover to appear at another location
body: <p>I' trying to make my popover appear at another <a href="https://plnkr.co/edit/3MYfbIYtCCp49faal37H?p=preview" rel="nofollow noreferrer">location</a>.</p>
  
  <p>Is it position popover at another location using ng-template?</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 #popmeover&gt;
      &lt;button type="button" (click)='pop.hide()' class="close" aria-label="Close"&gt;
      &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
      &lt;/button&gt;
      &lt;p&gt;
      I am a popoverat another location trying my best to popover!
      &lt;/p&gt;
  &lt;/ng-template&gt; 
              
           &lt;br&gt;&lt;br&gt;
           &lt;br&gt;&lt;br&gt;
           &lt;span  [popover]="popmeover" #pop="bs-popover" container="body" &gt;you click me popover should appear there!&lt;/span&gt;
           &lt;br&gt;
           &lt;br&gt;
    
           &lt;span &gt;Make popover appear here!&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>