Angular Router and Route Guards | Angular Concepts made easy | Procademy Classes

In this video, i am going to cover everything related to routing in Angular. You will learn how to create routing, how to pass route parameters, query strings, fragments etc. You will also learn what are route guards in angular and how to use route guards in Angular 14 and lower versions and also in Angular 15 and higher versions. Following are the topics i am going to cover in this video:

1. What is a route and how to create and use it?
2. How to use & read route parameters, query strings and fragments?
3. How to access routes programatically?
4. What are child routes and how to create a child route?
5. What are route guards in angular and how to create and use them?
6. What are navigation events in angular and how to make use of them?
7. How to pass static and dynamic data to a route in Angular?

DOWNLOAD NOTES FOR THIS SECTION FROM HERE: "I WILL ADD THE LINK SOON!"

[igorr]

if you want to use router to get the data you can do this
const state = is the correct way to get the state from the route in Angular 16.

[takerunder]

This channel literally stand alone, against all of paid course YouTubers combined. One small request to admin, can you please share the code snippets which is shown as key points in between this video in git or somewhere. So it will be useful to recap this entire video session quickly whenever needed. Thanks again ngMaster 😊

[swethasri]

one of best teacher on youtube .. pls start with nodejs also very very helpful sir, thanks so much

[abdllahzayed]

you are the best teacher thanks for your time ❤❤

[traversethedom]

Given the lack of angular content we have on YouTube would love it you can make angular your thing. Make it an Angular only channel.

[El_Bald]

Thanks for this great video. 😊😊
It really helped me understand Angular Routing properly.

[mfjrksn]

Great explanation, thank you so much sir.

[sona]

Wow🔥🔥🔥 Amazing content as always..
Thank you so much for covering these topics in detail.. Please include change detection, ngzone, subjects, inject() topics also in your future videos.

[muhammadnaveedkhan]

Absolutely brilliant Sir g, Content at your channel is very helpful and informative. Thank you

[darioparejadiaz]

This content is amazing! Could you put the keypoints into the video time line in every new topic? Thanks

[ramazborchashvili]

You are one of the best, thanks a lot!🙏

[arifulhaque]

want a whole video like this series about RXJS

[tomail]

Please Mr. Manoj:
when using RouterLink Directive with all links in my application,
use attribute like this: routerLink="Home"
or
use property like this: [routerLink]=" ' Home ' "

Thank you for your efforts in explaining and simplifying the lesson.

[codenook]

please make a full expalin video on RxJs library and NgRx in hindi with proper example

[igorr]

you can make the guard function more generic => like this, it will except any component that implements CanComponentDeactivate interface

export interface CanComponentDeactivate {
canDeactivate: () => Observable<boolean> | Promise<boolean> | boolean;
}


export const canExitRoute = <T extends CanComponentDeactivate>(
component: T
): Observable<boolean> | Promise<boolean> | boolean => {
return component.canDeactivate ? component.canDeactivate() : true;
};

[akshayk]

Please make one video about Lazy loading

[abdalrahmanaldammad]

We ask you, sir, to complete the Node JS course, because there is no teacher like you who explains Node in a wonderful way... I hope you see my comment

[mgtxghd]

I have seen tutorial which convers entire react within 5hr but for routing in ng is more than 5 hr :|

[jacksonmwendwamuendo]

Wow! Have learnt alot kindly assist us with pdf to the course

[rubencortez]

god like thank you sir. very helpful indeed.