Adding Multi Level Menu to Sidenav | Part 2 | Responsive Sidenav

In this video we'll add a multi level submenu to the responsive side navigation bar which we created in the previous video.
_________________________________________________

Project helper:
_________________________________________________

Commands used
To generate components :
ng g c sublevel-menu --inline-template --inline-style --flat true
ng g c coupen-list --module coupens
ng g c product-level-three-one --module products
ng g c product-level-three-two --module products

To generate modules:
ng g m coupens --routing --flat true
ng g m products --routing --flat true
_________________________________________________

If you think there's a better way to improve this code, please let us know in the comments.

If you like this video please subscribe to Angularistic, like and share this video.

[kirklimbu]

thanks for the amazing tutorials and resources. We are growing <3

[Klea-tg]

@Angularistic A very good tutorial. Thank you. What is the problem, when I click on a button that the dropdown contains inside to send me to a page, the dropdown closes and does not keep marked where I am.

[jonathannto]

Thanks, bro! I learned a lot from this amazing tutorial

[shki]

Thank you for leaving your github with the project in the comments, it helped me a lot with the sidebar, I suffered with it for 5 days, because some jambs constantly got out. I would thank you with a donation, but swift does not work in Russia, and alas, I can’t send money, maybe you have steam? I could give you skins as a thank you?

[mrtester]

Dear, I like your style of coding. It is so clear and precise. I have one request if you can. Can you please create the login form and how we can manage the login and dashboard form after the login?

[nahidarahaman]

Hello, , , , you did a excellent job.but tell me one thing can't i use it in a bootstrap project????
I tried to do it, , , , bt the Sub level alignment gone wrong

[ningmeng]

How to get rid of the bullet points in the sub menu? I can see you applied list-style:none; in both sidenave-nav and sublevel-nav class but apparently it is now working.

[koksiangkoh]

got error as below:
ERROR DOMException: Failed to execute 'setAttribute' on 'Element': ']' is not a valid attribute name.
how to solve it ? thank you

[asagiri_genkun]

Hey.. How to route to have associated data of page we click like we do have for dashboard and Product 3.1 and 3.2.. How can we have data on click of Products sidemenu icon some brief about Product..?

[piterechezuria]

Error. What can i do ?

ERROR DOMException: Failed to execute 'setAttribute' on 'Element': ']' is not a valid attribute name.

[coachtaetanzi]

Code is not currently working. multi-level menus are not clickable

[enriquemaestre]

friend I can't get the submenu to hide.

at minute 19.03 I can't get the action to run.

I can see some dots on the sides that disappear when I click on coupens but the content is not hidden.

to what can it be due?

[RagulRajaInaiTec]

{
routeLink: 'dashboard',
icon: 'fal fa-home text-red',
label: 'Dashboard'
}, i tried like this but its not working..

[PixelLoafLatte]

hi your tutorial help me alot! it will better with explanation while you code it, anyway thanks, please enable SuperThanks button? i want to appreciate your effort and keep teaching!

[rubendejesusfariasdealba]

Hello,

You know how to use the hover event to change the flags of collapse etc?

[ravindrachaudhari]

please share code so we can use it our class projects

[PedroJavaBcn]

Hello, can someone help me with a problem?

Starting at minute 27:40 min with the creation of fadeInOut. Menu disappears

I don't understand
I need help

[Katla_]

Thanks for this awesome sidenav. How can I have a component without the sidenav? I need to do a login.

[ob]

Hi. can you make such a video on pure js?

[QUÝYTB-fh]

I coded according to you and then encountered an error. Please help me debug the error, thanks you