title: ng2-bootstrap - model - Open from the component
body: <p>I would like to open the dialog from the component: </p>
  
  <pre><code>    &lt;!-- Large modal --&gt;
  &lt;button class="btn btn-primary" (click)="lgModal.show()"&gt;Large modal&lt;/button&gt;
  
  &lt;div bsModal #lgModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog modal-lg"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" (click)="lgModal.hide()" aria-label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
          &lt;h4 class="modal-title"&gt;Large modal&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          ...
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The lgModal.show() which is bsModel opens the dialog, how do i open the dialog from the component :</p>
  
  <pre><code>    import {Component} from '@angular/core';
  import {CORE_DIRECTIVES} from '@angular/common';
  
  // todo: change to ng2-bootstrap
  import {MODAL_DIRECTVES, BS_VIEW_PROVIDERS} from '../../../ng2-bootstrap';
  // webpack html imports
  let template = require('./modal-demo.html');
  
  @Component({
    selector: 'modal-demo',
    directives: [MODAL_DIRECTVES, CORE_DIRECTIVES],
    viewProviders:[BS_VIEW_PROVIDERS],
    template: template
  })
  export class ModalDemoComponent {
  
  }
  </code></pre>
  
  <p>Can't I do something like lgModal.show() from the component?</p>