Angular Material: Sidenav (Expandable/Collapsable) 1/1

Link to repository: github.com/ThomasOliver545/an...
Twitter: / thomas_oliverk
Timestamps:
00:00 Welcome and short overview over the video
00:27 Look at the outcome of the video
01:30 Start Implementation
I appreciate every feedback in the comments and would be happy if you also like && subscribe :)
Angular is used in v11.
Nodejs is used in v12.
NPM is used in v6.
Main Frameworks:
Frontend Framework: angular.io/
Tools:
Angular Material: material.angular.io/
IDE: code.visualstudio.com/
Node and NPM: nodejs.org/en/
Git and Git Flow: git-scm.com/downloads

[@TommiCodes]

Updated Video:
Angular Material: Sidenav (Expandable/Collapsable) | 2022
ruclips.net/video/FHk_RwcxJZg/видео.html

[@CarlosSandoval-SandoAcademy]

Good job Thomas, very clear and to the point!

[@DaneDuPlessis]

This has been extremely helpful, thanks Thomas.

[@deboraramos7944]

Obrigado mesmo, ótimo trabalho Thomas!!!

[@TommiCodes]

Thanks! :)

[@abdit3171]

Sehr gute Leistung! Danke dir

[@jayashree4557]

This is really awesome with the help video itself I can do the work and thanku so much for the repository too😊

[@carlosvargasguzman9678]

Excellent video, thank you very much.

[@TommiCodes]

Thanks! :)

[@knm6802]

Very helpful.. Thanks

[@CherryPauper]

Thank you. This was helpful.

[@fronce88]

if I add a toolbar, how can i make if I want to expanded sidenav when I click menu bottom in a toolbar? Could you give me some advice please?

[@abhayasubedi1844]

good job bro thanks

[@RamuRamu-jp3yy]

liked subscribed does it increase according to body content when i have lengthy content does increase according to browser can u suggest me how to do it

[@Kems_live]

[routerLink]="'dashboard'" can be: routerLink="dashboard" without the "[ ]" binding as it's a static string. Awesome work BTW

[@TommiCodes]

Yeah both should work:
[routerLink]="'dashboard'"
and
routerLink="dashboard"

[@heinrichliessner9565]

thanks only routerLink="dashboard" worked for me, idk why it said "Can't bind to 'routerLink' since it isn't a known property" but it works without the [ ] so im happy thanks for the comment, Great video exactly what i needed

[@jayashree4557]

This works for me thank you

[@piperatgod41]

Great video, very helpful. 1 Comment 1 Question. Comment: the audio is very low, even with my volume maxed. Question: when I click a mat-list-item I see the url change, but the router-outlet doesn't change unless I refresh. What might I be missing?

[@piperatgod41]

Answered my own question. I had an extra at the bottom of wrapper.component.html

[@TommiCodes]

@@piperatgod41 Great :)

[@harshithasaiatluri4635]

This is awesome. Can you please tell how to keep the side nav collapsed by default?

[@TommiCodes]

just change the boolean variable initial value :)

[@piyathilaka84]

Thank you very much for your tutorial. It's very understandable. can you make a tutorial Angular 12 and django incorporated application for CRUD, File Management and user management with database.

[@TommiCodes]

Haven't worked that much with Django for some time.
Can put it on the list, but won't have prio

[@adibzikri7203]

hi, i just wanna ask, can this angular sidenav be connected to a login page in any way?

[@TommiCodes]

You can use it however you want

[@adibzikri7203]

how about the dashboard module, can i still build the sidenav with app module instead?

[@aniketmehendale]

How to do it without lazy loading? Like i want the dashboard to be open by default and not having to click something to load it

[@TommiCodes]

You can also just do the routing completely in the app module (and move everythin "one up").
You can change the "opened" property.
btw: There will be a new video for the sidenav coming tomorrow, there it is explained

[@swapnalidhotre8265]

I'm trying to make a dropdown menu instead of text "Hello everyone" but the application crashes after compiling. Please help me to fix this 🙏

[@TommiCodes]

Do you have a link to your repo?

[@rahulsriram6295]

Can you please make a RxJS Crash Course?

[@TommiCodes]

I will put it on my list :)

[@riloco22]

It's responsive

[@TommiCodes]

?

[@galihriskipratama3631]

Your voice is too low, its hard to tell what you were saying

[@alijonabdullayev6872]

thanks bro very good job

[@TommiCodes]

Thanks! Motivating to hear :)