Topic: MDB Angular Pro 4.3.7 Navbar not functional when collapsed

Don Irwin pro asked 7 years ago


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>`

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 free commented 6 years ago

I am experiencing the same issue with Angular chosen.

Dawid Adach pro answered 6 years ago


Dear Xinthose, please check both consoles (command line as well as browser console) for any errors.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags