One more note regarding the canMatch guard I forgot to mentioned in the video: canMatch guard is being called during the "Route Recognizing" and "Applying Redirects" steps, so that's why the canMatch will be called 2 times. Keep in mind that and don't be surprised.
Thanks for video, nice information in short time, Please let me know how to avoid one of call from canMatch if it is called twice or How to detect "Route Recognizing" and "Applying Redirects" steps?
Thanks for the video! I published a library called `ngx-feature-flag-router`, and I'm happy to see that `CanMatch` will likely replace it completely. Thank you again for your video, time to look into a new idea
He explains very well. I Google searched about canMatch and couldn't find anything as comprehensive as this video. I also bought his course on angular forms which is very detailed. I hope he could make more courses about other angular advanced topics and less about interview related things. There is really a lack of recent comprehensive courses/tutorials on angular, Decoded Frontend is the exception.
Hi, Dmytro. I'm Nelson from Peru. When we using preloading-strategy for example PreloadAllModules, in this case "canLoad" will not be preloaded because it is protected by CanLoad route guard. Now what about canMatch is possible to do the same? Or how can I avoid to preload some modules?
Great video and feature. I wish it was available months ago, I could have used it while doing similar thing when I needed to toggle routes based on feature flags
Hi. In the 2:41 you say data in the data resolving, Angular is resolving data. But you said exactly the same in the Route Config loading. What is the difference? Thank you.
I have used CanMatch to display a login component. So i have 3 routes which, the first will render the login, if the user is not logged in. The second will redirect to dashboard and the third has the complete routings as children which has a canActivate guard (login)
Thanks for such a informative video, i just have one question is there any advantage of using isAdmin$ as observable then just a primitive boolean variable, i have seen this type of pattern at various places, still not fully satisfied when to use which...? Thanks I will highly appreciate incase anyone can comment on this issue
Really like your videos everything is explained smoothly I have shared your content with my fellow angular Developers and they also liked it.. only one question i have do you have QnA link something where i can get help from you... Thanks
This is potentially useful for the project I'm working on. But how does this behave with a resolver? I'm doing the redirects on the resolver and ideally the redirect logic should be on this canMatch guard. Not sure how to use them both together..
Resolvers are being executed right before the route activation (after canActivate & canActivateChild successfully passed), so if canMatch return 'false' you won't even reach resolvers because canMatch guard will be executed as the very first one in the navigation lifecycle. But why do you do redirect logic inside the resolvers?
@@DecodedFrontend I use resolver to request information to pass to the component. But depending on the state of this item (has two states) I need to decide which route should take. In theory, from what I understood, canMatch would be a great candidate for this? But I can't figure out how I would use it.
Brother please make videos more often a d please create a complete courses for rxjs and angular and please can you create a angular project with advance features. Like amazon filter search
Great video! this opend up to more possibilities. But, I tried it in my own project and bum into and error: 'canMatch' does not exist in type 'Route'. angular. What it might be?
One more note regarding the canMatch guard I forgot to mentioned in the video: canMatch guard is being called during the "Route Recognizing" and "Applying Redirects" steps, so that's why the canMatch will be called 2 times. Keep in mind that and don't be surprised.
Thanks for video, nice information in short time, Please let me know how to avoid one of call from canMatch if it is called twice or How to detect "Route Recognizing" and "Applying Redirects" steps?
I love your content. And owe my current job to your tutorials
🙏 thank you so much! I am so happy to hear that my tutorials could help. I wish you success with your career 😊
Usually I don't like to watch videos, but yours are really very useful. I show them to all my employees
thanks for best angular lessons on yt!
You are really great. Probably the best channel about angular i've found for a while.
Thanks for the video! I published a library called `ngx-feature-flag-router`, and I'm happy to see that `CanMatch` will likely replace it completely. Thank you again for your video, time to look into a new idea
Congratulations on the library 🎉 btw Angular 15.1 was released today and got canLoad deprecated in favor of canMatch
@@DecodedFrontend haha yea you called it
Oh, I just noticed your “super thanks”. Thank you for supporting me:)
Best channel about Angular what i ever seen.
Thank you for a concise, well explained video!
this video is much more usefull than official documentation
everything is very clear, thank you for such quality material
He explains very well. I Google searched about canMatch and couldn't find anything as comprehensive as this video. I also bought his course on angular forms which is very detailed. I hope he could make more courses about other angular advanced topics and less about interview related things. There is really a lack of recent comprehensive courses/tutorials on angular, Decoded Frontend is the exception.
Nice use case, thank you for the video!
Hi Simon! Thank you so much :)
Quality content as always 💪
Hi, Dmytro. I'm Nelson from Peru. When we using preloading-strategy for example PreloadAllModules, in this case "canLoad" will not be preloaded because it is protected by CanLoad route guard. Now what about canMatch is possible to do the same? Or how can I avoid to preload some modules?
Nice question, what is your opinion regarding this? @DecodedFrontend
Please make a video on Micro Frontend using Module Federation
Thanks!
Sorry, just noticed your super thanks. Thank you so much for your support! :)
Super interesting as always, thank you for your videos
Glad you like them!
+1
Danke!
Hi Severin! Vielen Dank für die Unterstützung, ich schätze es :)
@@DecodedFrontend 😁👌
Great, as usual!
Thank you for your time and effort!!!
Clear and to the point explanation
Not sure why you do this, but I have to admit this is very professional. Hope your content will get more traction
thanks for your excellent work Dmytro, looking forward to seeing the angular best or bad practices video.
Is it too bad to using ngIf instead? Thks
Дуже дякую!
Thank you very much!!! This is exactly what I need right now and had to implement in Guard with custom redirection.
Great video thanks. Could you please record video about harness and use in custom harness another custom harness?
Awesomeee video 🔥 Thank you!
Useful and shared, thanks for your work.😁
Glad it was helpful!
Your video helps me a lot. Thank you, sir.
Great video and feature. I wish it was available months ago, I could have used it while doing similar thing when I needed to toggle routes based on feature flags
Thanks Dmitro!
Thanks a lot for this video.
this is gold
very nice content as always!!!
Extremely good work, keep it up!
Hi. In the 2:41 you say data in the data resolving, Angular is resolving data. But you said exactly the same in the Route Config loading. What is the difference? Thank you.
I have used CanMatch to display a login component.
So i have 3 routes which, the first will render the login, if the user is not logged in.
The second will redirect to dashboard and the third has the complete routings as children which has a canActivate guard (login)
Thanks 🙏
Off topic: HX monitor arm is the best! 😁 functionality and looks beautiful
Now let me get back to the video and watch it 😁 interesting new route guard
So great ❤❤
Thanks for such a informative video, i just have one question is there any advantage of using isAdmin$ as observable then just a primitive boolean variable, i have seen this type of pattern at various places, still not fully satisfied when to use which...? Thanks I will highly appreciate incase anyone can comment on this issue
Thanks man🎉
make a video on ssr setup and build for nx/angular app
Thanks man :)
Really like your videos everything is explained smoothly
I have shared your content with my fellow angular Developers and they also liked it.. only one question i have do you have QnA link something where i can get help from you... Thanks
Very useful
Круто. Спасибо за новую информацию !
Sir i got a question, the canMatch guard it is a replacement only for canLoad guard? or it is for canActivate too?
Only for canLoad
Hoi, another amazing video, thanks! I have one question, is it possible to get queryParams (ex: get 'id' from url 'dashboard?id=100') in canMatch ?
Nice!
This is potentially useful for the project I'm working on.
But how does this behave with a resolver? I'm doing the redirects on the resolver and ideally the redirect logic should be on this canMatch guard.
Not sure how to use them both together..
Resolvers are being executed right before the route activation (after canActivate & canActivateChild successfully passed), so if canMatch return 'false' you won't even reach resolvers because canMatch guard will be executed as the very first one in the navigation lifecycle. But why do you do redirect logic inside the resolvers?
@@DecodedFrontend I use resolver to request information to pass to the component. But depending on the state of this item (has two states) I need to decide which route should take.
In theory, from what I understood, canMatch would be a great candidate for this? But I can't figure out how I would use it.
Thanks sir
❤❤
Very interestiong. U need to write a book) Cлава україні доречі)
I am a bad writer 😁 Героям слава;)
Крутой видос, но rout всё же читатся как руут, а не роут.
god bless u xdd
comment
Brother please make videos more often a d please create a complete courses for rxjs and angular and please can you create a angular project with advance features. Like amazon filter search
Great video! this opend up to more possibilities. But, I tried it in my own project and bum into and error: 'canMatch' does not exist in type 'Route'. angular. What it might be?
It might be because your Angular version is below 14.1. Try to update Angular to the latest version and try again:)
Very useful