Ngx-бутстрап Dropdown не работает в угловых 6

Question

Сначала я установил загрузочную версию ngx версии 3.0.1, затем в своем app.module.ts импортировал следующим образом: app.module.ts

import { BsDropdownModule} from 'ngx-bootstrap';
@NgModule({
  declarations: [

  ],
  imports: [

    BsDropdownModule.forRoot(),

  ],

В моем component.html я использовал раскрывающийся список следующим образом:

 <div class="dropdown " dropdown>
<a class="dropdown-toggle  text-light" dropdownToggle> Manage</a>
<div class="dropdown-menu mt-2 mr-3" *dropdownMenu>
  <a class="dropdown-item"> Profile</a>
  <a class="dropdown-item" href="#">Another action</a>
  <div class="dropdown-divider"></div>
  <a class="dropdown-item"><i class="fa fa-sign-out"></i>New</a>
</div>

Но проблема в том, что он не открывается (и не работает). В консоли chrome ошибки не появляются. Что сбивает с толку, так это то, что тот же код работает нормально в другом компоненте. Я использую npm версии 6.1.0 Я использую загрузочную версию ngx версии 3.0.1