Anglar6 tutorial

é
Angular
© Gérald Abbadie 2018
un module :
const routes: Routes = [];
Le tableau des routes (détaillé ci-dessous).
import { Routes, RouterModule } from '@angular/router';
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
Les imports et exports sont gérés automatiquement dans le module créé. Celui-ci doit être
déclaré dans les imports du module racine :
import { AppRoutingModule } from './app-routing.module';
imports : [
...
AppRoutingModule,
...
]
Détails sur le tableau des routes :
Un composant de démarrage sera chargé sur l'adresse racine :
{ path: ' ', component: BaseComponent },
Attribuer un composant pour un chemin :
{ path: 'actu', component: ActuComponent },
Passer un paramètre à l'adresse :
{ path: 'actu/:id', component: ActuComponent },
Attention, l’ordre des routes importe. Il s'agit d'un
tableau qui est lu par itération aussi, le premier
"path" qui match avec l'URL sera lancé, y compris
pour les erreurs 404.
Ce paramètre pourra ensuite être récupéré dans le composant attaché sous la forme id=n.
Nous pouvons aussi gérer les erreur 404
{ path: '**', component: Erreur404Component }];
25