Ng-Bootstrap nav (tab) not showing content of tabs whatsoever

Question

I created a stackblitz:

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. I tested it on stackblitz and it's working now. Updated stackbltiz link: 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 add @ng-bootstrap/ng-bootstrap