Link do poprzedniej lekcji 3: Nawigacja routerem z pliku angular TS (Nawigacja programowa)
Stworzyłem jeden komponent i nazwałem komponent dynamiczny.
w app.module.ts,
skonfigurować router pod kątem otrzymanego parametru, którego nie jesteśmy pewni. Określamy za pomocą dwukropka (:) i nazwy wartości dynamicznej. Tutaj zadeklarowałem identyfikator.
To wszystko, jeśli chodzi o konfigurację naszej trasy.
Odkryj to zadanie w wersji demonstracyjnej na żywo: https://stackblitz.com/edit/angular-ivy-parameter-router
W pliku app.component.ts
Niewiele kodu HTML. Jeden div do nawigacji po trasie do strony głównej, Jeden div do programowego przejścia do komponentu dynamicznego w celu pobrania dynamicznie generowanych wartości i wyświetlenia w pliku HTML komponentu dynamicznego.
Dane wyjściowe app.component.html
W pliku app.component.ts znajduje się główny kod,do skupienia
Route Nawigacja przyjmuje tablicę jako argument, najpierw przejdzie do trybu dynamicznego, a w przypadku drugiej ścieżki przyjmuje losową wartość od 0 do 10.
TO WSZYSTKO CHODZI O PRZEJŚCIE DO WARTOŚCI DYNAMICZNYCH
TERAZ, ABY POBRAĆ WARTOŚCI DYNAMICZNE
Uczyniłem to prostym kodem HTML, działa tylko na dwa sposoby: link anker do programowego przekazywania wartości i {{ id }} do pobierania wartości dynamicznych.
W pliku ts komponentów dynamicznych.
Zaimportowałem router, aktywowałemRoute i wstrzyknąłem to samo konstruktorowi.
Krótko mówiąc, aktywowanyRouter służy do pobierania wartości routera, a router służy do wyznaczania trasy do innego routera.
używamy aktywowanej migawki trasy, aby uzyskać wartości trasy.
WYJŚCIE
Za każdym razem, gdy na niego klikniesz, wartość się zmienia i następuje nawigacja do trasy dynamicznej.
W następnym blogu
Router 5: Używanie obiektów obserwowalnych do pobierania parametrów trasy zamiast migawki
— — — — — — — — — Koniec wykładu — — — — — — —
Sprawdź wszystkie lekcje Angular Intermediate Lessons
https://medium.com/@yuvayuvaraj720444/angular-intermediate-lessons-acbea2dfc9b