title: ng-bootstrap modal: open it via typescript
body: <p>I'm having problems, I'd like help opening a mode from the component.
  I would like to open the modal when the user has been verified in a form.</p>
  
  <p>.component.html</p>
  
  <pre><code>&lt;ng-template #modalExample let-c="close" let-d="dismiss"&gt;
  /** Modal body **/
  &lt;/ng-template&gt;
  
  &lt;form (ngSubmit)="f.form.valid &amp;&amp; signin()" #f="ngForm" class=""&gt;
  /** Buttons, labels, buttons **/ 
  &lt;/form&gt;
  </code></pre>
  
  <p>.component.ts</p>
  
  <pre><code>signin() { 
  /**Calling backend**/ 
  this.modalService( *REFERENCE TO MODAL HERE* )  
  }
  </code></pre>
  
  <p>I've tried using</p>
  
  <pre><code>@ViewChild('modalExample') modalExample: ElementRef
  this.modalService.open(this.modalExample);
  </code></pre>