Topic: Cannot get MDB Angular to function at all

cwmilam priority asked 2 years ago


I have tried to follow the instructions on basic installation MDB Angular and cannot seem to create a basic working project with any sort of functional navigation.

Install using these instructions: https://mdbootstrap.com/docs/b5/angular/getting-started/installation/

Then modify app.component.html with this: https://mdbootstrap.com/docs/standard/navigation/navbar/

And when the page renders the page shows up but but all of the links that should be "hidden" like my profile, logout, etc, show up as visible items.

Any ideas?


Arkadiusz Idzikowski staff answered 2 years ago


@cwmilam You used navbar code syntax from the different MDB project, here is a MDB5 Angular navbar documentation:

https://mdbootstrap.com/docs/b5/angular/navigation/navbar/

Please let me know if you encounter any further problems.


cwmilam priority commented 2 years ago

Thanks for the pointer, however, the dropdown functionality still does not work right.


  • Some news
  • Another news
  • Something else here
  • The above, for example, does not drop down.


    Arkadiusz Idzikowski staff commented 2 years ago

    @cwmilam Are there any errors in the console when you try to render the navbar component with dropdown? I just tested the component using this example from our documentation and it looks like everything is working correctly: https://mdbootstrap.com/docs/b5/angular/navigation/navbar/#subsection-dropdown

    Did you follow our installation guide and added the necessary modules imports to the app.module.ts file?

    https://mdbootstrap.com/docs/b5/angular/getting-started/installation/



    Please insert min. 20 characters.

    FREE CONSULTATION

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

    Status

    Opened

    Specification of the issue

    • ForumUser: Priority
    • Premium support: Yes
    • Technology: MDB Angular
    • MDB Version: MDB5 2.0.0
    • Device: Laptop
    • Browser: Chrome 99.0.4844.51
    • OS: Mac OS
    • Provided sample code: No
    • Provided link: Yes