Angular 18 Serisi (21) Yönlendirici Yönlendirme Değişimi Olayları

Küçük · Yayınlandı 5.08.2024 14:11:09

Gereksinimler: Angular Route rotalarındaki değişiklikleri tespit edin, navigasyon çubuğundaki menüyü açın ve rota yüklendiğinde Başlık enjekte ederek web sayfasının başlığını dinamik olarak değiştirin.

Bunu yapmak için basit bir Uygulama bileşeni oluşturup onun Yönlendiricisini yapıcıya enjekte edeceğiz:

Giriş görünür.

Bu tür RouterEventler, bu yönlendirici ile ilgili olaylar için (alfabetik sırayla) temel sınıf olarak hizmet verir:

GuardsCheckEnd
GuardsCheckStart
NavigationCancel
NavigationEnd
NavigationError
NavigationSkipped
NavigasyonBaşlat
Çözüm Sonu
ResolveStart
Tanınan Güzergahlar

Referans:Bağlantı girişi görünür.

Yukarıdaki kategoriler listesi, yönlendiricinizin yayabileceği olası bir sonuçtur. Örneğin, bir kullanıcı yeni bir görünüme geçmeye başlarsa, NavigationStart ve NavigationEnd olayları çağrılacaktır.

Bu bilgiyi (ve daha fazlasını) almak için router.events etkinliğine aşağıdaki kodla abone olabiliriz:

Giriş görünür.

Olayları eğer koşula göre filtreleyin, kod şöyledir:

Giriş görünür.

Sadece bir olay istiyorsanız, örneğin NavigationEnd, RxJS'den bir gözlemlenebilir dosyayı filtreleyip aktarabiliriz, böylece sadece belirli olaylarda yayımlanır:

Giriş görünür.

Sayfa başlık kodunu değiştirin:

Giriş görünür.

Rota değiştirmek için menüye tıkladığınızda, render şu şekildedir:

(Son)

[Angular] Angular 18 Serisi (21) Yönlendirici Yönlendirme Değişimi Olayları

İlgili Yazılar

Görüntülenen bölümler