下拉模块在ngx-bootstrap中不可用

Question

我正在将项目从angular2升级到angular4。

升级时显示ng2-bootstrap已更改为ngx-bootstrap ，我已将其添加到package.jso n中并更新了模块。

但是现在当我使用

 import { DropdownModule,ModalModule, PaginationModule, DatepickerModule, TabsModule } from 'ngx-bootstrap';

DropdownModule显示错误，丢失

以前就像

   import { DropdownModule,ModalModule, PaginationModule, DatepickerModule, TabsModule } from 'ngx-bootstrap';

然后工作正常（angular2）

我该怎么办？

Answer 1

应该是BsDropdownModule ：

import { BsDropdownModule, ModalModule, PaginationModule, DatepickerModule, TabsModule } from 'ngx-bootstrap';

Answer 2

如何将引导程序添加到angular-cli项目我昨晚将NGX-Bootstrap与angular cli集成在一起，遇到了一些麻烦，这是使用alert模块的一个非常相似的问题。 您要导入的模块实际上称为“ BSDropdownModule”。ngx-bootstrap的下拉菜单的文档位于： http ://valor-software.com/ngx-bootstrap/#/dropdowns

这是有关如何使用BSDropdownModule的代码示例：

// RECOMMENDED (doesn't work with system.js)
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
// or
import { BsDropdownModule } from 'ngx-bootstrap';

@NgModule({
  imports: [BsDropdownModule.forRoot(),...]
})
export class AppModule(){}