Puas muaj kev tiv thaiv hauv angular?
Puas muaj kev tiv thaiv hauv angular?

Video: Puas muaj kev tiv thaiv hauv angular?

Video: Puas muaj kev tiv thaiv hauv angular?
Video: Kev tiv thaiv dab phem nyob hauv yus lub tsev. 2024, Kaum ib hlis
Anonim

CanActivatelink

Interface uas yog chav kawm ua tau siv los ua ib zov txiav txim siab yog ib txoj kev ua tau ua qhib . Yog tag nrho zov rov qab muaj tseeb, navigation yuav txuas ntxiv. Yog muaj zov rov qab UrlTree, kev taw qhia tam sim no yuav raug muab tso tseg thiab ib tug tshiab navigation yuav raug ncaws tawm mus rau UrlTree rov qab los ntawm lub zov.

Tom qab ntawd, ib tus kuj nug, tuaj yeem qhib tus neeg zov hauv angular?

Txhais Guards Guards tuaj yeem yuav siv nyob rau hauv ntau txoj kev, tab sis tom qab tag nrho nws yeej boils rau muaj nuj nqi uas rov qab Observable, Promise los yog boolean. Ntxiv rau, zov tau sau npe siv cov chaw muab kev pabcuam, yog li lawv ua tau txhaj los ntawm Angular thaum xav tau.

Ib tug kuj nug, koj puas tuaj yeem qhib txoj kev Guard? Dab tsi yog CanActivate Guard . Lub Angular CanActivate tiv thaiv txiav txim, yog a txoj kev tuaj yeem ua qhib (los yog cov khoom tau muab tso rau). Peb siv qhov no zov , thaum peb xav kuaj ntawm qee yam mob, ua ntej ua haujlwm cov tivthaiv los yog qhia nws rau tus neeg siv. Qhov no tso cai rau peb tshem tawm cov kev taw qhia.

Tsis tas li ntawd, dab tsi yog tus saib xyuas angular?

Cov Angular router tus navigation zov tso cai los yog tshem tawm kev nkag mus rau qee qhov chaw ntawm kev navigation. Lwm txoj kev zov , CanDeactivate zov , txawm tso cai rau koj los tiv thaiv tus neeg siv los ntawm kev ua yuam kev tawm hauv ib feem nrog kev hloov pauv tsis tau txais kev cawmdim.

Authguard yog dab tsi?

Angular's route guards yog interfaces uas tuaj yeem qhia rau lub router seb nws puas yuav tsum tso cai navigation rau txoj kev thov. Lawv ua qhov kev txiav txim siab no los ntawm kev nrhiav qhov tseeb lossis tsis tseeb rov qab los ntawm cov chav kawm uas siv cov neeg saib xyuas kev sib tham.

Pom zoo: