ngx-bootstrap / dropdown无法与angular4和bootstrap@4.0.0-alpha.6一起使用

Question

在安装ngx-bootstrap 1.9.3之前，一切都很好。 我的项目运作完美。 安装后，ngx-bootstrap项目停止。 如果删除ngx-bootstrap，我的项目将运行完美。

我正在像这样使用systemjs.config.js：

 map: { app: 'src/app', '@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js', '@angular/animations/browser': 'npm:@angular/animations/bundles/animations-browser.umd.js', '@angular/platform-browser/animations': 'npm:@angular/platform-browser/bundles/platform-browser-animations.umd.js', '@angular/core': 'npm:@angular/core/bundles/core.umd.js', '@angular/common': 'npm:@angular/common/bundles/common.umd.js', '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', '@angular/http': 'npm:@angular/http/bundles/http.umd.js', '@angular/router': 'npm:@angular/router/bundles/router.umd.js', '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 'rxjs': 'npm:rxjs', 'angular-in-memory-web-api': 'npm:angular-in-memory-web-api', 'jquery': 'npm:jquery/', 'lodash': 'npm:lodash/lodash.js', 'moment': 'npm:moment', 'symbol-observable': 'npm:symbol-observable' }, packages: { app: { main: './main.js', defaultExtension: 'js' }, rxjs: { defaultExtension: 'js' }, 'angular-in-memory-web-api': { main: './index.js', defaultExtension: 'js' }, 'moment': { main: 'moment.js', defaultExtension: 'js' }, 'symbol-observable': { main: 'index.js', defaultExtension: 'js' } } 

用法类似于Valor软件页面：

 import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; @NgModule({ imports: [BsDropdownModule.forRoot(),...] }) export class AppModule(){} 

我想念什么？ 谢谢 ！

Answer 1

这对我有用：

在app.module.ts中：

import { BsDropdownModule } from 'ngx-bootstrap';

在systemjs.config.js中添加

'ngx-bootstrap':            'npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js',

in  map: {} section