MDB Angular Pro 4.3.7 Navbar not functional when collapsed

Topic: MDB Angular Pro 4.3.7 Navbar not functional when collapsed

Don Irwin pro asked 6 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 6 years ago

actually, NONE of the active components like TABs are working.

Dawid Adach pro commented 6 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 6 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 6 years ago

Thanks - that works.

Xinthose free commented 6 years ago

I am experiencing the same issue with Angular chosen.

Add comment

Dawid Adach pro answered 6 years ago