Pada blog sebelumnya kita telah membahas
Angular Router 10: Membuat modul terpisah untuk Routing

Sebelum masuk ke Dapat Mengaktifkan Penjaga, Penting untuk memahami apa itu penjaga di sudut.
Dengan kata sederhana, penjaga adalah pelindung Router.

Secara Default, Kita Dapat Dengan Bebas Menavigasi satu rute ke rute lain secara bersudut. Terkadang Kami tidak memerlukan navigasi ke rute tersebut karena kami mungkin memerlukan beberapa Data untuk Menavigasi. Untuk melindungi Penjaga Datanglah ke Gambar Di Sini. Seperti gambar dibawah ini.

Penjaga hanya akan Bekerja hanya dengan nilai Boolean. Selain itu dapat mengambil janji atau Observable, Bahkan SO akan menggunakan Boolean sebagai Tipe. Cukup Benar Berarti Menavigasi dan Salah berarti tidak Menavigasi.

Terutama Ada 5 Jenis Penjaga di Angular,

  1. Dapat Mengaktifkan: Untuk mengizinkan Pengguna MENGGUNAKAN rute
  2. Dapat Mengaktifkan Anak : Untuk melihat apakah pengguna dapat menavigasi ke rute Anak
  3. Dapat Menonaktifkan : Untuk Keluar dari Rute
  4. Resolve : Pengambilan data sebelum aktivasi rute
  5. CanLoad : Rute ke modul yang lambat dimuat

Di blog kita saat ini, kita akan membahas Can Activate guard,
Can Activate adalah antarmuka yang diimplementasikan untuk membantu penjaga memutuskan apakah suatu rute dapat diaktifkan.

Saya telah membuat 2 komponen, satu komponen login dan kedua komponen logout.
1 Service dan 1 guard, di file service 1 variabel akan kita simpan apakah benar atau salah,
dan di file guard kita akan cek apakah variabel tersebut benar. Jika sudah kami akan mengaktifkan rute kami.

Terakhir kami akan memasang pelindung untuk router.

Temukan Kode Kerja Di Sini,
https://stackblitz.com/edit/angular-ivy-zydh9t

Di logout.component.ts kami memanggil layanan yang menetapkan nilai true.

auth.service.ts

Buat file ts dengan konvensi penamaan _name_.guard.ts, untuk membuat penjaga.

Di Penjaga kami, kami menentukan logika kami. Di sini saya mengambil nilai login layanan Auth sebagai benar dan mengaktifkan rutenya. Jika tidak menavigasi ke komponen logout.
Dalam modul perutean, kami memasang pelindung ini sehingga dapat melindungi pelindung, seperti menghindari navigasi.

Di rute login kami telah memasang penjaga kami dengan menambahkan kunci canActivate.

Di Blog Berikutnya

Angular Router 12: Dapat Menonaktifkan Penjaga

— — — — — — — — Akhir Kuliah — — — — — — —

Periksa Semua pelajaran dari Pelajaran Menengah Sudut

https://medium.com/@yuvayuvaraj720444/angular-intermediate-lessons-acbea2dfc9b