Υποενότητα 13.1: Δρομολόγηση - Πρακτική

Ενημέρωση του app.component.html

Ενημερώστε το αρχείοapp.component.html :

<router-outlet></router-outlet>
<app-footer></app-footer>

Εδώ δεν χρειαζόμαστε πλέον τον "σύνδεσμο" στο app-menu αφού η "σύνδεση" θα γίνει με τη χρήση του δρομολογητή.

Παρόλο που η εφαρμογή μας έχει τώρα διαμόρφωση δρομολόγησης, πρέπει ακόμα να πούμε στον Angular Router πού μπορεί να τοποθετήσει τα συστατικά στοιχεία στο DOM.
Όταν η εφαρμογή μας ξεκινά, το Angular εμφανίζει το AppComponent επειδή το AppComponent περιλαμβάνεται στην ιδιότητα bootstrap του AppModule.

Για να δηλώσετε στον δρομολογητή πού μπορεί να τοποθετήσει components, πρέπει να προσθέσετε το στοιχείο <router-outlet> </ router-outlet> στο HTML του AppComponent.