title: programmatically open ngbpopover from angular 2 component
body: <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>