Υποενότητα 13.2: Εφαρμογές Μιας Σελίδας - Πρακτική
Ενημέρωση διαδρομών
Ανοίξτε το routes.ts και προσθέστε την ακόλουθη διαδρομή - route:
{ path: 'dishdetail/:id', component: DishdetailComponent }
Το :id
στη δεύτερη διαδρομή είναι ένα διακριτικό για μια παράμετρο διαδρομής - route parameter. Σε μια διεύθυνση URL όπως /discdetail/2
, "2"είναι η τιμή της παραμέτρου id. Η αντίστοιχη component DishdetailComponent θα χρησιμοποιήσει αυτήν την τιμή για να βρει και να παρουσιάσει το dish με id 2.
Εάν ζητήσετε από τον δρομολογητή - router να πλοηγηθεί στη detail component και να εμφανίσει "75% DARK CHOCOLATE", αναμένετε να εμφανιστεί ένα dish id στη διεύθυνση URL του προγράμματος περιήγησης όπως αυτό
http://localhost:4200/dishdetail/2
Εάν ένας χρήστης εισάγει τη συγκεκριμένη διεύθυνση URL στη γραμμή διευθύνσεων του προγράμματος περιήγησης, ο δρομολογητής θα πρέπει να μεταβεί στην ίδια προβολή "75% DARK CHOCOLATE"