Angular 9 Tutorial For Beginners #39 - Route Guards

Angular 9 Tutorial For Beginners #39 - Route Guards, Angular Tutorials Route Guards, Angular Route Guards, Angular 9 Route Guards, Angular tutorial learn Routing Route Guards, angular 9 Route Guards tutorial, angular 9 Route Guards examples, Route Guards angular 8 example,

Angular 9 tutorial for beginners, angular 9 crash course, angular 9 tutorial for beginners step by step, angular tutorial for beginners 2020, angular tutorial 2020, arc tutorial angular, angular code examples, angular for freshers, angular tutorial for experienced, angular introduction, angular version history, angular full tutorial series, best angular tutorial.

Install bootstrap angular tutorial, Learn how to install Bootstrap in Angular 9 app. In this course you will learn how to create small, medium, large applications with Angular 9 in this development tutorial.

Angular 9 Full Tutorial Playlist

[sachinmane]

Thank you so much Shridhar, have watched all the videos on this channel, it helps me a lot. Way you explain complex topics is Awesome!

[kalyanchatterjee]

One of the best tutorials on this topic! Very clear and comprehensive.

[prasadkansare]

Route Guards

Use route guards to prevent user from navigating to parts of an app ithout authorization
Route guards are used to secure the route paths
The route guard resolve true and false based on custom logic and functionality
We can generate any number of guards based on our application requirements

for eg
If the user is not loggedin
-the user should not see /order routes

If the user is logged in
- the user should see order route
- /home
- /profile
- /tasks
- /carts

/order is secured and protected routes

Whenever implemented a route guard it will give boolean value

cmd to generate route guard ng generate guard <guard-name>

various types of route guards
- canActivate: check to see if a user can visit a route
- canActivatedChild: checks to see if a user can visit a routes children
- CanDeactivate: checks to see if a user can exits a route
- canLoad: Checks to see if a user can route to module that lazy loaded

Example:
- AdminHomeComponent
- Admin only
- Admin Route Guard
- which will check if an user is an Admin
- if the user is admin
- show the component
- else
- takes to him main screen/route

[mallikarjuns]

Excellent explanation. Its really helped me understanding the concept.

[zyiguxs]

Best ever tutorial so far. I am following whole series. Thank you

[raghug]

Now onwards I am a Master in routes😅...Thank you sir for this wonderful course.👍

[eduamzia]

Sir eak like to bnta hai Nicely Explained

[pavandixit]

hi Sridhar I can't find Video Related to Life Cycle Hooks Can U please Make a Tutorial on It !!

[jacksm]

thanks very much this, it clears a few gray areas I was wondering how to tackle them in angular.. in vbnet the issue is a bit easy to do.

[divek]

It is a very good and effective explanation I understand the point and am able to implement it. Thank You, Master!

[VijayKumar-btbb]

This literally boosted my Knowledge. The way you are explaining is awesome. Thank you for your hard work.
Could you please make a video or tutorials on User Authentication system using form n Firebase, it will help me a lot.

[kiranmoulimouli]

Excellent Explaination sit, plz add remaining (calldeactive, child, load all )that will be very useful and link routes also, u created <a herf ="/product">prouduct</a> but u didn't explained about that, and u said u will explain in linked routes but I didn't find any video about that in this tutorial

[rajujeelaga]

Hay Bro, You tutorials are Really Nice, I am requesting you that, Can you do a simple project on Angular by using all the Topics that you have covered up to now. So everyone will get a project Knowledge, and for a lot of people will understand the real usage of all your topics. It's my suggestion bro, it's up to

[renuverma]

very well explanation sir, u r awesome. plz make a video on how we configure multitanent routing in angular ex-- (localhost:4200/client1/dashboard, localhost:4200/client1/product, like this here client 1 is common for all routes localhost:4200/client2/dashboard, localhost:4200/client2/product here also)

[vamshichoula]

sir. in this video creating navigation bar should not be there.. but how you get the output as navigation bar and list elements(ul, li)?

[manjusha]

Hello sir, thanku for easy and understandable explanation 👍🏻🙂

[rahulpathak]

hard work and best of all smart and great work for beginers like me .Thank you :)

[wheeledgreco]

So al the authorization logic from the service or component should go to this guard?

[kaushikbhadani]

Hi Sridar, Very nice and clean tutorial. Can you also share the Angular Material tutorial as well?

[indian]

Excellent Video Sridhar. But if you provide another interfaces (candeactivate, Resolve, CanLoad, CanActivateChild) then that would be better. Very very nice explanation.
Could you send the document( which you written from 1 to 40) to my mail id if possible.