在angular cli 1.0.0-beta.18中使用ng引导

我正在使用angular cli 1.0.0-beta。18并尝试使用以下位置的guidline加载ng引导

步骤：

使用安装ng引导程序

npm install --save @ng-bootstrap/ng-bootstrap

将以下内容添加到app.module.ts

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgbModule.forRoot(), ...],
  bootstrap: [AppComponent]
})
export class AppModule {
}

对于我的ibox-tools.module.ts，我有

import {NgModule} from "@angular/core";
import {BrowserModule} from "@angular/platform-browser";
import {IboxToolsComponent} from "./ibox-tools.component.ts";
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
    declarations: [IboxToolsComponent],
    imports     : [NgbModule, BrowserModule],
    exports     : [IboxToolsComponent],
})

export class IboxToolsModule {}

然后我尝试在我的ibox-tools.template.html中使用ngbDropdown模块

<div class="col-xs-6">
        <div ngbDropdown class="d-inline-block">
            <button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle>Toggle dropdown</button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenu1">
                <button class="dropdown-item">Action - 1</button>
                <button class="dropdown-item">Another Action</button>
                <button class="dropdown-item">Something else is here</button>
            </div>
        </div>
    </div>

---

如果我使用SystemJS，但我不认为是这样，因为angular cli 1.0.0-beta。18正在使用Webpack，应自动加载ng引导。我错了吗？我找不到任何应该添加映射的地方，其他人都设法将ng引导与angular cli 1.0.0-beta一起使用。18？

对不起，我的错。我仍在学习angular2，问题是我将ibox工具。组件.ts包含在另一个模块中，而不是ibox工具。模块.ts是必需的，因此我错过了在ibox-tools.module.ts；中导入的辅助模块的ng引导。）

所以webpack工作得很好，不需要像systemjs那样进行映射

---

希望你能理解我的答案，如果不只是问，我可以试着更好地解释。

对不起，我的错。我仍在学习angular2，问题是我将ibox工具。组件.ts包含在另一个模块中，而不是ibox工具。模块.ts是必需的，因此我错过了在ibox-tools.module.ts；中导入的辅助模块的ng引导。）

所以webpack工作得很好，不需要像systemjs那样进行映射

---

希望你能理解我的答案，如果不只是问，我可以试着更好地解释。

发生了什么事？你实际上没有描述一个问题，除了它“不起作用”。这到底是什么意思？如何添加css？好的，引导下拉菜单使用JS钩子。因此，如果没有包含所需的JS，则会导致控制台中出现非功能性/静态下拉列表，且没有任何错误消息。@peeskillet问题更像是“如何使用angular cli 1.0.0-beta添加第三方库”。18有网页包吗。以前，您可以在systemjs配置文件中添加映射以导入@ng bootstrap/ng bootstrap，但现在我认为它应该在使用webpack时自动加载。我还需要在其他地方添加映射吗？css是正常加载的，您是否尝试在IboxToolsModule中添加

NgbModule.forRoot（）

？我也有同样的问题，我已经从beta.14升级到beta.18，当您单击它时，NgbDropdown不起作用，而不是下拉效果。我一直在使用NgbDropdownModule.forRoot（），但也尝试了NgbModule.forRoot（），发生了什么？你实际上没有描述一个问题，除了它“不起作用”。这到底是什么意思？如何添加css？好的，引导下拉菜单使用JS钩子。因此，如果没有包含所需的JS，则会导致控制台中出现非功能性/静态下拉列表，且没有任何错误消息。@peeskillet问题更像是“如何使用angular cli 1.0.0-beta添加第三方库”。18有网页包吗。以前，您可以在systemjs配置文件中添加映射以导入@ng bootstrap/ng bootstrap，但现在我认为它应该在使用webpack时自动加载。我还需要在其他地方添加映射吗？css是正常加载的，您是否尝试在IboxToolsModule中添加

NgbModule.forRoot（）

？我也有同样的问题，我已经从beta.14升级到beta.18，当您单击它时，NgbDropdown不起作用，而不是下拉效果。我一直在使用NgbDropdownModule.forRoot（），但也尝试了NgbModule.forRoot（）

map: {
  '@ng-bootstrap/ng-bootstrap': 'node_modules/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js',
}