Create a YouTube sidebar clone with Angular Material Components! (Part 2)

#Angular #Sidebar #collapses

Get the final code from my shop!

📽️ Full stack Angular + Firebase course (50% off):

✍️Blog version of the complete tutorial:

In this series of videos, I'll be showing you how to create a YouTube sidebar clone using Angular Material Components!

Follow for more Angular tutorials, tips and tricks:

Cheers :)

[henimex]

Perfect!! mate, thank you! u saved my day

[alokagase]

Great tutorial.. Inside mat sidenav content I've requirement of loading multiple lazily loaded modules/routes whenever user clicks on that button. can you please help me with this?

[miguelperez]

thanks ...
How would it be done in separate components?

[MikoOfiaza]

I have one small problem after collapsing the sidenav a horizontal scrollopsy appears

[mohammedakhtar]

nice tutorial. just one issue .. In my case i have a default.component and i have header footer and sidebar component in this case the click of menu button doesnt work ... will u be able to guide

[davoodsoleimani]

Thanks a lot. I have a problem! When navbar collapsed, and it's width decreased to 64px, an scroll bar appears at bottom of navbar! how can I fix it?

[geomaticanet]

Hi, nice tutorial, but in minute 10:07 i get the error: error NG8003: No directive found with exportAs 'routerLinkActive'. and crash the app. The function of active item doesnt works, any help?

[IAMKINGOFKINGSLORDOFLORDS]

Hi Khan I have a few things which don't match up. One thing is the profile picture seems to be not centered it is off to the left. Another thing is the sidenavbar has a very small height not taking up the full height available and lastly i don't get the highlight of the active route. Can you help please? I am loving your videos.

[ahmetozden]

I cannot show my other coponents in the router outlet in mat-sidenav-content, how can I solve this? (I have the main root, for example admin/dashboar, I want to show it in the router outlet in mat-sidenav-content.)