title: There is no directive with "exportAs" set to "bs-modal" when using ng2-bootstrap
body: <p>I am following the example given here <a href="https://valor-software.com/ng2-bootstrap/#/modals" rel="noreferrer">https://valor-software.com/ng2-bootstrap/#/modals</a></p>
  
  <p>But when i put the template in my html </p>
  
  <pre><code>&lt;div class="modal fade" bsModal #staticModal="bs-modal" [config]="{backdrop: 'static'}"
       tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"&gt; 
  .........
  .......
  
  &lt;/div&gt;
  </code></pre>
  
  <p>i also have below entry in my app.module.ts</p>
  
  <pre><code>import { ModalModule } from 'ng2-bootstrap';
  
  @NgModule({
    imports: [ModalModule.forRoot(),...]
  })
  </code></pre>
  
  <p>and below message shows up, i am not sure what i am missing</p>
  
  <pre><code>EXCEPTION: Uncaught (in promise): Error: Template parse errors:
  There is no directive with "exportAs" set to "bs-modal" ("
  &lt;/p-dialog&gt;
  
  &lt;div class="modal fade" bsModal [ERROR -&gt;]#staticModal="bs-modal" [config]="{backdrop: 'static'}"
       tabindex="-1" role="dialog" aria-labell"): PreCheckComponent@80:32
  Can't bind to 'config' since it isn't a known property of 'div'. ("
  &lt;/p-dialog&gt;
  </code></pre>
  
  <p>according to guide i dont have to import anything to my component</p>