Link pentru lecția 3 anterioară: Navigați routerul din fișierul TS unghiular (Navigarea de programare)
Am creat o componentă și am numit-o componentă dinamică.
în app.module.ts,
pentru a configura routerul pentru parametrul pe care îl primim de care nu suntem siguri. Specificăm cu două puncte (:) și numele valorii dinamice. Aici am declarat id.
Asta e tot pentru configurarea rutei noastre.
Explorați această sarcină cu Demo Live: https://stackblitz.com/edit/angular-ivy-parameter-router
În fișierul app.component.ts
Nu prea mult cod HTML. Un div pentru a naviga pe ruta către pagina de pornire, Un div pentru a naviga în mod programatic la componenta dinamică pentru a prelua valorile generate dinamic și pentru a le afișa în fișierul HTML al componentei dinamice.
Ieșirea app.component.html
În fișierul app.component.ts, aici este codul principal,pentru a se concentra
route navigate ia ca argument o matrice, în primul rând va naviga la dinamic și pentru a doua cale ia o valoare aleatorie de la 0 la 10.
TOTUL ESTE DESPRE PASAREA LA VALORILOR DINAMICE
ACUM PENTRU A PRELUI VALORILE DINAMICE
L-am făcut html simplu, funcționează doar două, anker link pentru a trece în mod programic valoarea și {{ id }} pentru a prelua valorile dinamice.
În fișierul ts component dinamic.
Am importat router, activatRoute și injectat la fel în constructor.
În cuvinte simple, activatedRouter este folosit pentru a prelua valorile routerului și router-ul este folosit pentru a ruta către alt router.
folosim instantaneu de rută activat, pentru a obține valorile rutei.
IEȘIREA
De fiecare dată când faceți clic pe el, valoarea se schimbă și navighează către traseul dinamicii.
În următorul blog
„Router 5: Folosind Observables pentru a prelua parametrii rutei în loc de instantanee”
— — — — — — — — — Sfârșitul cursului — — — — — — —
Bifați Toate lecțiile din Lecțiile intermediare unghiulare
https://medium.com/@yuvayuvaraj720444/angular-intermediate-lessons-acbea2dfc9b