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

Ενημέρωση του Router

Το υπάρχον αρχείο  app-routing.module.ts  περιλαμβάνει

Ενημερώστε το αρχείο  app-routing.module.ts  για να χρησιμοποιήσετε τις διαδρομές που ορίσαμε ήδη  ως εξής:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
import { routes } from './routes';
@NgModule({
 imports: [
 CommonModule,
 RouterModule.forRoot(routes)
 ],
 exports: [ RouterModule ],
 declarations: []
})
export class AppRoutingModule { }

Παρατηρήστε

• την εισαγωγή του { RouterModule, Routes } from '@angular/router' . 
• την εισαγωγή των  { routes } from './routes';
• Η δημιουργία του Router Module AppRoutingModule στην imports array στον decorator @NgModule: RouterModule.forRoot(routes).
  Με αυτόν τον τρόπο δημιουργείται μια ενότητα δρομολόγησης που περιλαμβάνει τις οδηγίες του δρομολογητή, τη διαμόρφωση του δρομολογητή και την παράσταση της υπηρεσίας router.
• Επιπλέον, καθορίζουμε επίσης το RouterModule στην ιδιότητα exports:: exports: [RouterModule].