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

Στη συνέχεια, δημιουργήστε ένα νέο αρχείο με όνομα routes.ts στον φάκελο  app-routing 

και ενημερώστε το ως εξής:

import { Routes } from '@angular/router';
import { MenuComponent } from '../menu/menu.component';
import { DishdetailComponent } from '../dishdetail/dishdetail.component';
import { HomeComponent } from '../home/home.component';
import { AboutComponent } from '../about/about.component';
export const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'menu', component: MenuComponent },
  { path: '', redirectTo: '/home', pathMatch: 'full' }
];

Παρατηρήστε 

• την εισαγωγή των  { Routes } from '@angular/router';.  Ο τύπος Routes είναι προαιρετικός και επιτρέπει σε ένα IDE wμε υποστήριξη TypeScript ή τον μεταγλωττιστή TypeScript να επικυρώνει εύκολα τη διαμόρφωση της διαδρομής σας κατά τη διάρκεια της ανάπτυξης.
• την εισαγωγή των components
• τον ορισμό της σταθεράς - constant routes, of type Routes. Η διαμόρφωση του δρομολογητή αντιπροσωπεύει όλες τις πιθανές καταστάσεις που θα χρειαστεί να εφαρμοστεί.