In this article I wrote about my attempt to add a navbar to my Angular app and how I ended up with adding the full JQuery library to be able to use Bootstrap components. Already when releasing this article I knew that this is not the best way to get a working navbar. In this article, I explain why using ng-bootstrap seems to be the best way to add Bootstrap components to an Angular application.
In my first article regarding this topic, I mentioned Chris Sevilleja and his article “How to correctly use BootstrapJS and AngularJS together”. Although it has become outdated, this quote still is true:
After installing ng-bootstrap via NPM, I finally got my “good” navbar with the following HTML:
Use ng-bootstrap to have Bootstrap functionality in Angular applications