Ngx-bootstrap Dropdown在角度6中不起作用

Question

首先我安装了ngx bootstrap版本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 bootstrap版本3.0.1