Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Melihat: 2462|Jawab: 0

[Sudut] Peristiwa Perubahan Perutean Router Seri 18 (21) Angular 18

[Salin tautan]
Diposting pada 05/08/2024 14.11.09 | | | |
Persyaratan: Mendeteksi perubahan dalam rute Rute Sudut, alihkan menu di bilah navigasi, dan ubah judul halaman web secara dinamis dengan menyuntikkan Judul saat rute dimuat.

Untuk melakukan ini, kita akan membuat komponen App sederhana dan menyuntikkan Router-nya ke dalam konstruktor:

RouterEvents tersebut berfungsi sebagai kelas dasar (dalam urutan abjad) untuk peristiwa terkait router ini:

  • PenjagaPeriksaAkhir
  • PenjagaPeriksaMulai
  • NavigasiBatalkan
  • NavigasiAkhir
  • Kesalahan Navigasi
  • NavigasiDilewati
  • NavigasiMulai
  • SelesaiSelesaikan
  • SelesaiMulai
  • RuteDikenali


Referensi:Login hyperlink terlihat.

Daftar kategori di atas adalah hasil potensial yang mungkin dipancarkan router Anda. Misalnya, jika pengguna mulai menavigasi ke tampilan baru, peristiwa NavigationStart dan NavigationEnd akan dipanggil.

Untuk mendapatkan informasi ini (dan lainnya), kita dapat berlangganan acara router.events dengan kode berikut:

Filter peristiwa berdasarkan kondisi if, kodenya adalah sebagai berikut:

Jika Anda hanya menginginkan satu peristiwa, misalnya NavigationEnd, kita dapat filter() membawa dan mentransfer yang dapat diamati dari RxJS sehingga hanya dipancarkan pada peristiwa tertentu:

Ubah kode judul halaman:


Saat Anda mengklik menu untuk beralih rute, renderingnya adalah sebagai berikut:



(Akhir)





Mantan:Variabel lingkungan seri Angular 18 (dua puluh) digunakan oleh Lingkungan
Depan:Hasil kueri baris perintah MySQL mengembalikan ? tanda tanya
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.

Mail To:help@itsvse.com