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

Question

I created a stackblitz:我创建了一个堆栈闪电战：

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

I'm doing something wrong, but I don't understand what.我做错了什么，但我不明白是什么。 I'm basically using the example on the website.我基本上使用网站上的示例。

Any help?有什么帮助吗？

Answer 1

Add <div [ngbNavOutlet]="nav"></div> this html at the end of your ul element.在ul元素的末尾添加<div [ngbNavOutlet]="nav"></div>这个html 。 I tested it on stackblitz and it's working now.我在 stackblitz 上对其进行了测试，现在可以正常工作了。 Updated stackbltiz link: https://stackblitz.com/edit/angular-ivy-knqfd2?file=src/app/app.component.html更新了 stackbltiz 链接： https://stackblitz.com/edit/angular-ivy-knqfd2?file=src/app/app.component.html

Answer 2

The Dependency bootstrap is missing.缺少依赖项引导程序。 Install ng-bootstrap with the following command, this automatically installs the bootstrap dependency as well:使用以下命令安装 ng-bootstrap，这也会自动安装引导依赖项：

ng add @ng-bootstrap/ng-bootstrap

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

问题描述

2 个解决方案

解决方案1
2 已采纳 2021-04-26 10:48:09

解决方案2
0 2021-04-26 10:27:17

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

问题描述

2 个解决方案

解决方案1 2 已采纳 2021-04-26 10:48:09

解决方案2 0 2021-04-26 10:27:17

解决方案1
2 已采纳 2021-04-26 10:48:09

解决方案2
0 2021-04-26 10:27:17