CanDeactivate Route Guard - Angular (Tutorial #26)

CanDeactivate Route Guard in Angular - Tutorial no. 26
The Angular CanDeactivate guard is called, whenever we navigate away from the route before the current component gets deactivated.
The best use case for CanDeactivate guard is the data entry component.
The user may have filled the data entry and tries to leave that component without saving his work.
The CanDeactivate guard gives us a chance to warn the user that he has not saved his work and give him a chance to cancel the navigation
Use this link to share this video : • CanDeactivate Route Gu...
You can also visit my following videos:
CanActivateRouteGuard: • CanActivate Route Guar...
CanActivateChild Route Guard: • CanActivateChild Route...
Nested Routing: • Nested Routes - Angula...
Router Parameters: • Route Parameters - Ang...
Routing: • Routing - Angular (Tut...
Angular Tutorial Series:
• Introduction- Angular ...
Follow me on:
►RUclips : / nishasingla
►Facebook : / angularjs4beginners
►LinkedIn : / nishasingla

[@NishaSingla]

If you have missed my previous video on CanActivateChild Route guard. Take a look
ruclips.net/video/Z0PNK-n5iv0/видео.html

[@utkarshgautam1940]

vedio is very nice ,crisp,clear,to the point ,love u mam

[@vanikumari9797]

the way u r explaining is awesome...thanks a lot😍

[@gururaj1842]

you are great at teaching....ur content is good...its just that you are teaching as if you are teaching to a class....just speak as if you are teaching to a friend....makes us listen for a long time....thanks again for the content nisha.

[@vikaspooner9846]

Appreciate the way you teach in correct and concise manner. Can you also cover ngrx(state management) and rxjs in angular since there are very limited resources regarding these topics on youtube.

[@saquibiqbal2350]

Great explanation. I am working with angular since last 3 years but never see this kind of short and crisp explanation video. Thanks for it.

[@aayush5474]

Thank you i was looking at a tutorial and they didn't explain why interface was required thank you for explaning this

[@NishaSingla]

Glad to know it helped 😀👍🏻

[@joshuakappala3792]

great Nisha clean explanation your videos are way better than plural sight videos charging several bucks .keep doing more videos thanks in advance.

[@dawoodsherazi7966]

thanks for this great explanation my every single question is answered in your video......you are great explaner!

[@konadeepak9443]

Thank you for uploading new content on Routes. I gone through all your previous videos on Angular.

[@NishaSingla]

Thank you 😊

[@balajinaikmudavatu7855]

Thank for the wonderful lecturers Angular.I have been recommending your channel for Angular videos to my colleague's.

[@NishaSingla]

Thank you . Glad to know you liked it . Keep learning and sharing

[@ramanrrr]

Unbelievable yar...very interesting to watch your videos, like way of your teaching and explanation. Thanks a lot 🙌

[@jagdishrohit3748]

Thank you very much for providing this. I request to you please provide more videos for CRUD operations.

[@ManojPal-gx6he]

content is very good

[@shrikhan2215]

THANK YOU !

[@nsumankrishna]

Thanks for the awesome learning experience

[@NishaSingla]

My pleasure 😀😀

[@baileybaltaragis4201]

Thanks for the video! It was very useful

[@NishaSingla]

😊😊🙏🙏

[@idlevandal69]

Excellent.. 🥇

[@vikaspooner9846]

Truly amazing.. Good content.

[@NishaSingla]

Thanks

[@user-fp7wg3sm1f]

Very good ,especially the generic solution ! thank u

[@abhinay20]

Tq for great explanation please make videos on
Best practices of angular
Angular Form validations
Dependency Injection
Components hooks with best practices

[@AnkitSingh9787]

awesome

[@NishaSingla]

Thank you 😊

[@IqbalAhmed-qk5ix]

Awesome
Thank u so much

[@NishaSingla]

Most welcome 😊

[@lokeshnallapureddy7208]

Video is osm ma'am make a video on locale and internationalisation

[@NishaSingla]

Thank you Lokesh

[@sonalipawde9839]

How to create custom dialog using can deactivate guard?

[@aussieraver7182]

if(component.canLeave)
.'canLeave' is undefined, even though it is declared in my component as it implements the interface we exported in the UnsavedChangesGuard.
I'm not sure what i'm doing wrong.
EDIT:
It was because the returned 'component' from the 'canLeave()' method was returning the parent component instead of the child component.

[@pardhasaradhi0076]

Iam pardha as new to angular. Could you please suggest best architecture for consuming services

[@trustingod0]

Can i notify user if they close browser or type in the route? Im confused about using interfaces to make guards reusable. Thanks

[@nandagiriramyasree6804]

Can u plz again explain canActivateChild once again clearly plz

[@tacklewithtricksbykajala.4231]

Just wanna ask for whole form how we can target to check whether it got dirty ?

[@rowdyghatkar]

How can we use this for a complete form.

[@saikumarmogilla450]

Hi Nisha, by default the boolean is false???

[@ArvindGupta-ck4zn]

If we have 20 fields then have we required to check for all the fields or common things?

[@vedhalokanadham9254]

can you please make some videos on forms

[@thirumanitheivarajan7295]

How to detect page load/ page refresh when unsaved form?

[@kothuriharish6544]

Could you please let me know, How stop not to logout the application when model is dirty.

[@mithileshpandey9885]

i need full angular 11 material

[@yaswanthakula3133]

canDeactivate has called twice in my case, can you please explain why?

[@tacklewithtricksbykajala.4231]

Mama apne sirf username dirty hai kya wo check kiya agr pure page ki koi form field chech krni ho dirty hai kya to kaise kre

[@tacklewithtricksbykajala.4231]

Sorry mam* kehna tha

[@user-fp7wg3sm1f]

May be you can upload source code to github ?