title: Error Ngx-Bootstrap Modal with Directives Angular 6
body: <blockquote>
    <p>core.js:1633 ERROR Error: Uncaught (in promise): Error: Template
    parse errors: There is no directive with "exportAs" set to "bs-modal"
    ("   </p>
    
    <p>]#staticModal="bs-modal"
    [config]="{backdrop: 'static'}"
           tabindex="-1" role="dialog" aria-label"): ng:///MobileModule/PerfilConfigComponent.html@1069:34 Can't bind to
    'config' since it isn't a known property of 'div'. ("   </p>
  </blockquote>
  
  <pre><code>&lt;input class="text-center form-control"
                 formControlName="grupos"
                 pInputText
                 autocomplete="off"
                 type="text"
                 appBlur
                 [focusRemove]="true"
                 placeholder="Informe os grupos de produtos"
                 [pTooltip]="perfilHints?.grupos"
                 tooltipPosition="top"
                 [showDelay]="2000"
                 [escape]="false"
                 [life]="12000"
                 (click)="staticModal.show()"/&gt;
  
  &lt;div class="modal fade" bsModal #staticModal="bs-modal" [config]="{backdrop: 'static'}"
     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name"&gt;
     &lt;div class="modal-dialog modal-sm"&gt;
        &lt;div class="modal-content"&gt;
           &lt;div class="modal-header"&gt;
              &lt;h4 id="dialog-static-name" class="modal-title pull-left"&gt;Static modal&lt;/h4&gt;
              &lt;button type="button" class="close pull-right" aria-label="Close" (click)="staticModal.hide()"&gt;
                 &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
              &lt;/button&gt;
           &lt;/div&gt;
        &lt;div class="modal-body"&gt;
        This is static modal, backdrop click will not close it.
        Click &lt;b&gt;&amp;times;&lt;/b&gt; to close modal.
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  
  <p>It's the same example from ngx-bootstrap. With service is working.</p>