Υποενότητα 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"