Topic: Angular Sidenav: RouterLinkActive Navigation menu will automatically expand to show active link.

AgileTuan pro asked 5 years ago


Expected behavior Navigation menu will automatically expand to show active link.

Actual behavior Navigation menu not expand to show active link.

Resources (screenshots, code snippets etc.) - My screenshots: https://drive.google.com/file/d/1AfKXaAGpStzjxoKO4iL2r1koQZi6iEnV/view?usp=sharing


Arkadiusz Idzikowski staff answered 5 years ago


Dear @Gangadhar M,

This problem will be fixed in next version of MDB Angular.


Damian Gemza staff answered 5 years ago


Dear @Gangadhar M

Thanks for your information. It doesn't work with HashLocationStrategy.

We'll take a look at this, and let you know when this problem will be gone.

Best Regards,

Damian


Gangadhar M free answered 5 years ago


Hello Damian,

Its not working when we use hash location strategy. { provide: LocationStrategy, useClass: HashLocationStrategy }

could you please verify from your end and let us know.

thanks Gangadhar


Gangadhar M free answered 5 years ago


Thank you Damian for the link. we will try once with this and comeback.

regards Gangadhar M


Damian Gemza staff answered 5 years ago


Dear @Gangadhar M

Please take a look at this sidenav example - code provided there works like a charm.

You have to remember, that you need to use the RouterModule with routes.

Please take me the code which provides you similar problem - I would like to debug it.

Best Regards,

Damian


Gangadhar M free answered 5 years ago


Hello Damian,

This doesn't seen to work in 7.5.0 - 7.5.2 . could you please point us to any working example that you have.

thanks


Damian Gemza staff answered 5 years ago


Dear Sin,

This feature is available in the latest version of MDB Angular.

Please update to the latest 7.4.2 version, and the sidenav accordion will open on an active route.

There is documentation for this feature: Sidenav.

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: PC
  • Browser: Google Chrome Version 72.0.3626
  • OS: Windows 10 Pro 64bit
  • Provided sample code: No
  • Provided link: Yes