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-software 页面：

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

ngx-bootstrap/dropdown 不适用于 angular4 和 bootstrap@4.0.0-alpha.6

ngx-bootstrap/dropdown not working with angular4 and bootstrap@4.0.0-alpha.6

dropdown

ngx-bootstrap

angular