Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 2462|Odpowiedź: 0

[Angular] Zdarzenia zmiany trasowania routerów serii Angular 18 (21)

[Skopiuj link]
Opublikowano 05.08.2024 14:11:09 | | | |
Wymagania: Wykryć zmiany w trasach Angular Route, przełączyć menu w pasku nawigacyjnym oraz dynamicznie modyfikować tytuł strony internetowej poprzez wstrzykiwanie tytułu podczas ładowania trasy.

Aby to zrobić, tworzymy prosty komponent aplikacji i wstrzykujemy jego router do konstruktora:

Takie RouterEvents stanowią podstawową klasę (w kolejności alfabetycznej) dla tych zdarzeń związanych z routerem:

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigationCancel
  • NavigationKoniec
  • NavigationError
  • NawigacjaPomijana
  • NawigacjaStart
  • ResolveEnd
  • ResolveStart
  • RoutesRecognized


Odniesienie:Logowanie do linku jest widoczne.

Powyższa lista kategorii to potencjalny efekt, jaki może emitować Twój router. Na przykład, jeśli użytkownik zacznie nawigować do nowego widoku, wywołane zostaną zdarzenia NavigationStart i NavigationEnd.

Aby uzyskać te informacje (i więcej), możemy subskrybować zdarzenie router.events za pomocą następującego kodu:

Filtruj zdarzenia według warunku if, kod wygląda następująco:

Jeśli chcesz tylko jedno zdarzenie, np. NavigationEnd, możemy filtrować() przynieść i przenieść obserwację z RxJS tak, aby była emitowana tylko przy określonych zdarzeniach:

Zmodyfikuj kod tytułu strony:


Gdy klikasz menu, aby zmienić trasę, renderowanie wygląda następująco:



(Koniec)





Poprzedni:Zmienne środowiskowe z serii Angular 18 (dwadzieścia) są używane przez środowiska
Następny:Wyniki zapytań wiersza poleceń MySQL return ? znak zapytania
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com