Angular 4引导程序4.0.0.alpha-6不工作

引导下拉菜单不起作用

app.module.ts

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@NgModule({
  imports: [
...
    NgbModule.forRoot(),
...
]
...

dashboard.component.html

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
        aria-expanded="false">
        Select Dashboard
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a class="dropdown-item" href="javascript:void(0)" (click)="selectDashboard('d1')">Dashboard1</a>
        <a class="dropdown-item" href="javascript:void(0)" (click)="selectDashboard('d2')">Dashboard2</a>
    </div>
</div>

SCS似乎可以工作-按钮的格式正常，但单击它就不工作了。请提供帮助。

由于您似乎没有使用任何指令ngbDropdown、ngbdropdownttoggle，因此不确定您希望它如何工作。如果选中，您将看到以下简单标记：

<div ngbDropdown class="d-inline-block">
  <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
  <div class="dropdown-menu" aria-labelledby="dropdownBasic1">
    <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>

您甚至可以从演示站点上找到一个plunker，并看到这段代码在现场运行：

要解决您的问题，请执行以下操作：

确保您实际使用的是ng引导指令，如中所述 检查示例plunker并将您的代码与此处的代码进行比较：

---

看来我读错了文件。多亏了他

---

您正在阅读Bootstrap的基于jQuery的组件的文档，但希望使用ng Bootstrap的基于angular的组件。它们看起来一样，依赖于相同的引导CSS，但使用和操作它们的方式却不一样吉卜赛特

dashboard.component.ts应如下所示：

<div ngbDropdown class="d-inline-block">
  <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
  <div class="dropdown-menu" aria-labelledby="dropdownBasic1">
    <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>

---

甚至不看这个模块，我只是想猜测引导css没有包括在内，否则它将需要以内联方式复制所有内容，所以我相信很多工作还没有完成。因此，您实际上需要将css导入到您的项目中。我想你还没有做到。过去的库只实现代码部分，而不是css。所以我猜这也没什么不同。刚刚添加到index.html，同样的东西下拉列表不会打开。好吧，你没有使用ng引导的下拉组件，那么为什么要这样做呢？阅读文档。看看演示代码。我在使用这个文档，我做错了什么吗？您正在阅读Bootstrap基于jQuery的组件的文档，但是您想使用ng Bootstrap基于角度的组件。它们看起来一样，依赖于相同的引导CSS，但使用和操作它们的方式不同。如何使用这个基于jquery的组件使下拉菜单工作？我正在使用的生成器已将其导入到项目中。我认为这是有原因的，我认为这根本不是一个好主意。如果你使用Angular，那么使用Angular组件比将jQuery添加到你的应用程序中并尝试使jQuery代码符合Angular的做法要好。嗨，你知道使用旧引导的下拉气泡的方法吗？？带峰值的下拉列表？？我需要这个。我用的是角度4