programmatically open ngbpopover from angular 2 component
<p>I am following <a href="https://ng-bootstrap.github.io/#/components/popover" rel="nofollow noreferrer">this article</a> to get bootstrap working with Angular 2. While that works as per article there is no example of how to pass the reference of the popover to a component method. All I got was an <code>NgbPopoverConfig</code> but that doesn't have the reference to open the popover. </p>

<p>This is my component method</p>

<pre><code>popOpen(p : NgbPopoverConfig): void {

    p.open(); //get an error here saying no Open method on NgbPopoverConfig
 }
</code></pre>

<p>and this is my html where I am using a material 2 based input field.</p>

<pre><code>&lt;md-input type="email"  value=""  name="em" id="em" placement="left" ngbPopover="adfga"  popoverTitle="Popover on left" triggers="manual" #p="ngbPopover" (click)="p.Open()"  [(ngModel)]="thisModel.email" 
                          #this="ngModel"&gt;
&lt;/md-input&gt;
</code></pre>

<p>Any documentation on how to Programatically open and close the popover from the typescript component code?  or some sample code?</p>

<p>I am using angular 2.1.0 with Bootstrap 4.0.0-alpha.5 and angular material 2.0.0-alpha.9-3</p>