Ng-Bootstrap nav（选项卡）不显示选项卡的内容答案

【问题标题】：Ng-Bootstrap nav (tab) not showing content of tabs whatsoeverNg-Bootstrap nav（选项卡）不显示选项卡的内容
【发布时间】：2021-07-19 17:17:31
【问题描述】：

我创建了一个堆栈闪电战：

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

有什么帮助吗？

【问题讨论】：

【解决方案1】：

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

【讨论】：

啊，我确实在我的本地项目中安装了它，看起来 stackblitz 与我的项目不完全匹配。我在控制台中没有错误，但选项卡不显示任何内容。我正在尝试在 stackblitz 中更好地模仿我的项目
@monxas 更新了答案。
天啊。我一直假设这部分是像在某些示例中那样打印活动索引，当然不是。非常感谢，我一直在尝试一些东西和不同的例子，并且不假思索地把那部分删掉。我不敢相信我在这上面浪费了这么多时间。谢谢！！！

【解决方案2】：

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

ng add @ng-bootstrap/ng-bootstrap

【讨论】：

在我的本地安装中我已经有了它：“跳过安装：已安装软件包”也许我无法为 stackblitz 做，但行为完全相同。我进行了更多测试，并且日期选择器等其他组件正在工作。我将 datepicker 添加到 stackblitz 中，它正在做精确的事情，datepicker 似乎可以工作，但我无法显示标签内容。