Ng-Bootstrap 导航（选项卡）不显示任何选项卡的内容

Question

我创建了一个stackblitz：

https://stackblitz.com/edit/angular-ivy-ghhkp6?file=src%2Fapp%2Fapp.component.html

我做错了什么，但我不明白是什么。我基本上是在使用网站上的示例。

有什么帮助吗？

Answer 1

在 <div [ngbNavOutlet]="nav"></div> 元素的末尾添加 html 这个 ul。 我在 stackblitz 上对其进行了测试，现在可以正常工作了。更新了 stackbltiz 链接：https://stackblitz.com/edit/angular-ivy-knqfd2?file=src/app/app.component.html

Answer 2

缺少依赖引导程序。使用以下命令安装 ng-bootstrap，这也会自动安装 bootstrap 依赖项：

ng add @ng-bootstrap/ng-bootstrap