Topic: MDB Angular Pro 4.3.7 Navbar not functional when collapsed
downloaded the Pro 4.3.7 Angular version. Unzipped, ran
npm install
and changed app.component.html to below - when collapsed to show nav button, the button doesn't open nav. Also, when using the Menu with dropdown example, the dropdown also does not open.
`
<nav class="navbar navbar-expand-lg navbar-dark indigo"> <a class="navbar-brand" href="#">Navbar</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <ul class="navbar-nav mr-auto mt-lg-0"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul> </div> </nav>`
Dawid Adach pro answered 7 years ago
Dear Xinthose, please check both consoles (command line as well as browser console) for any errors.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Don Irwin pro commented 7 years ago
actually, NONE of the active components like TABs are working.Dawid Adach pro commented 7 years ago
Dear Don, my apologies for your inconvenience. We are working on that issue and post the solution as soon as possible.Dawid Adach pro commented 7 years ago
Dear Don, please make sure that you are using correct docs. It looks like you were using jQuery version component instead of Angular. Please use following link: https://mdbootstrap.com/angular/components/navbars/ Please also note that on the right side of the screen you have a version chooser, please make sure that you have Angular version choosen.Don Irwin pro commented 7 years ago
Thanks - that works.Xinthose commented 7 years ago
I am experiencing the same issue with Angular chosen.