Angular 尝试移植ng引导示例，但ngbDropdownToggle正在工作

我对Angular和Bootstrap还不熟悉，所以如果这个问题有点基本，范围有点广，请提前道歉

出于测试/学习的目的，我试图将

混合菜单项和表单“切换下拉列表”移植到我的新项目中

Stackblitz示例，虽然我可以获得要渲染的HTML，但无法获得要切换的下拉按钮

我尝试了两种方法：

我创建了一个项目，然后将Stackblitz集合中的相关src/app文件复制到项目的src/app文件夹中（即，

app.component.html

，

app.component.ts

，

app.module.ts

，

dropdown form.html

，

dropdown form.ts

）。在这种方法下，HTML被呈现，但下拉菜单没有切换

作为第二次尝试，我尝试将整个Stackblitz集合复制到它自己的文件夹中，并尝试在其上运行

ng serve

。在这种方法下，没有编译任何东西，并且有很多错误消息，从

开始，找不到模块“@angular devkit/build angular”

我有一个特别的问题是

ngbdropdownttoggle

指令驻留在哪里

i、 例如，从

下拉列表form.html

：

<button class="btn btn-outline-primary" id="dropdownForm1" ngbDropdownToggle>Toggle dropdown</button>

切换下拉列表

在Stackblitz上，我注意到package.json中对

“@ng bootstrap/ng bootstrap”

的依赖关系，并想知道ngbdropdownttoggle指令是否存在，但当我试图将该依赖关系添加到原始项目中的package.json文件中时，编译器抱怨：

未找到模块：错误：无法解析“@ng bootstrap/ng bootstrap”

。我的工作假设是，我的原始项目缺少一些关键的导入/功能，但我不确定这是否正确，如果正确，我如何添加必要的导入/功能

---

如果有人知道我如何导入Stackblitz文件并使下拉切换正常工作，请提前向我表示感谢

要让它在stackblitz上运行，您需要添加一个依赖项

@ng bootstrap/ng bootstrap

（查看下面的屏幕截图）

要让它在您的PC上工作，您需要

npm安装--save@ng bootstrap/ng bootstrap

此外，还需要在index.html中增强css

---

添加依赖项后，是否运行了npm安装？这将解决您的devkit和ng引导错误。非常感谢@Akber Iqbal和@KiraAG。我执行了

npm安装--save@ng bootstrap/ng bootstrap

，并在

index.html

中添加了

.css

链接（我甚至手动添加了

“@ng bootstrap/ng bootstrap:“4.1.0”

到

package.json

然后运行

ng serve

，但结果仍然相同。HTML呈现，但下拉菜单不切换。还有什么想法吗？Tks！进一步澄清：我可以让Stackblitz示例在我的计算机上正常工作，但是当我创建一个新的角度项目（

ng new dropdown

），然后复制Stackblitz示例中的

应用程序
文件，将@ng bootstrap/ng bootstrap依赖项添加到
package.json
，将
.css
链接添加到
index.html
，运行
npm安装--保存@ng bootstrap/ng bootstrap
，然后
ng service
我仍然无法使用下拉菜单切换.Somewh很难为情地说，除了@Akber Iqbal和@KiraAG的点评之外，我忘了在我的导入中
从'@ng bootstrap/ng bootstrap
导入{NgbModule}，并将
NgbModule
添加到
@NgModule
导入。现在它可以工作了！非常感谢您的回复。