title: Ngx-bootstrap Dropdown not working in angular 6
body: <p>Firstly i installed ngx bootstrap version 3.0.1 then in my app.module.ts i imported as follow :
  <strong>app.module.ts</strong></p>
  
  <pre><code>import { BsDropdownModule} from 'ngx-bootstrap';
  @NgModule({
    declarations: [
  
    ],
    imports: [
  
      BsDropdownModule.forRoot(),
  
    ],
  </code></pre>
  
  <p>In my component.html i used the dropdown as follow:</p>
  
  <pre><code> &lt;div class="dropdown " dropdown&gt;
  &lt;a class="dropdown-toggle  text-light" dropdownToggle&gt; Manage&lt;/a&gt;
  &lt;div class="dropdown-menu mt-2 mr-3" *dropdownMenu&gt;
    &lt;a class="dropdown-item"&gt; Profile&lt;/a&gt;
    &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
    &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
    &lt;a class="dropdown-item"&gt;&lt;i class="fa fa-sign-out"&gt;&lt;/i&gt;New&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>But issue is that it does not open (nor working).No errors appear in chrome console. Whats confusing is that the same code is working fine in another component.
  <strong>I am using npm version 6.1.0</strong>
  <strong>I am using ngx bootstrap version 3.0.1</strong></p>