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:
github.com/Angular-istic/Proj...
_________________________________________________
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

[@jonathannto]

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

[@caetanog_]

Really nice tutorial !

[@FirstnameLastname-we6kg]

Excellent 👍👍👍

[@lachanakumart201]

You are great 👍

[@sh1ki17]

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?

[@davidaimakhede1980]

Thanks alot!

[@rubendejesusfariasdealba3677]

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

[@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!

[@ning7185]

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.

[@nahidarahaman1230]

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

[@LarsRyeJeppesen]

very very nice

[@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..?

[@enriquemaestre2950]

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?

[@mrtester1689]

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?

[@emmanuelyegon6933]

I second you

[@nassormohammed2046]

Bro you more subscriber with more likes

[@user-do1hz2ip1y]

@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.

[@ob7349]

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

[@ravindrachaudhari4600]

please share code so we can use it our class projects

[@user-cd3rl4ny2x]

how to change icon colors..??

[@piterechezuria7274]

Error. What can i do ? ERROR DOMException: Failed to execute 'setAttribute' on 'Element': ']' is not a valid attribute name.

[@user-cd3rl4ny2x]

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

[@Katla_]

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

[@LarsRyeJeppesen]

Just hide the navigation if the user is not logged in. That is what I do

[@coachtaetanzi]

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

[@koksiangkoh3401]

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

[@user-zi9xd5is7o]

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

[@user-tr1jy4dz8m]

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

[@user-tr1jy4dz8m]

Solved whit ChapGPT 😁

[@sunilshinde233]

can i have complete code ?

[@ragulraja3554]

Need source code sir

[@ghalitsar2730]

i hope someone create this in react , if so let me know !

[@jayeshkshatriya5715]

please provide code

[@chandlerbing8164]

please share code so we can use it our collage projects

[@angularistic]

Hi, here is the repo link github.com/Angular-istic/sidenav-with-multilevel-menu

[@Junior725]

I have had the error in console: core.mjs:10194 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': ']' is not a valid attribute name. at EmulatedEncapsulationDomRenderer2.setAttribute (localhost:4200/vendor.js:58195:10) at AnimationRenderer.setAttribute (localhost:4200/vendor.js:57174:19) at setUpAttributes (localhost:4200/vendor.js:28143:18) at setupStaticAttributes (localhost:4200/vendor.js:34560:5) at ɵɵelementStart (localhost:4200/vendor.js:41918:3) at Module.ɵɵelement (localhost:4200/vendor.js:41989:3) at SidenavComponent_li_7_a_1_i_3_Template (localhost:4200/main.js:713:60) at executeTemplate (localhost:4200/vendor.js:37769:9) at renderView (localhost:4200/vendor.js:38913:7) at TemplateRef.createEmbeddedViewImpl (localhost:4200/vendor.js:49478:5) The sidenav don´t show the Label of links and windown.innerWidth don´t works. Some one have the problema?