*** Extraits de code : Les Modules. ***
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ListPokemonComponent } from './list-pokemon.component';
import { DetailPokemonComponent } from './detail-pokemon.component';
import { BorderCardDirective } from './border-card.directive';
import { PokemonTypeColorPipe } from './pokemon-type-color.pipe';
@NgModule({
imports: [
CommonModule
],
declarations: [
ListPokemonComponent,
DetailPokemonComponent,
BorderCardDirective,
PokemonTypeColorPipe
],
providers: []
})
export class PokemonsModule { }
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ListPokemonComponent } from './list-pokemon.component';
import { DetailPokemonComponent } from './detail-pokemon.component';
// les routes du module Pokémon
const pokemonsRoutes: Routes = [
{ path: 'pokemons', component: ListPokemonComponent },
{ path: 'pokemon/:id', component: DetailPokemonComponent }
];
@NgModule({
imports: [
RouterModule.forChild(pokemonsRoutes)
],
exports: [
RouterModule
]
})
export class PokemonRoutingModule { }
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { PokemonsModule } from './pokemons/pokemons.module';
import { AppComponent } from './app.component';
import { PageNotFoundComponent } from './page-not-found.component';
@NgModule({
imports: [
BrowserModule,
PokemonsModule, // L'odre de chargement des modules est très important
AppRoutingModule // pour l'ordre de déclaration des routes !
],
declarations: [
AppComponent,
PageNotFoundComponent
],
bootstrap: [AppComponent]
})
export class AppModule { }
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { PageNotFoundComponent } from './page-not-found.component';
const appRoutes: Routes = [
{ path: '', redirectTo: 'pokemons', pathMatch: 'full' },
{ path: '**', component: PageNotFoundComponent }
];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes)
],
exports: [
RouterModule
]
})
export class AppRoutingModule { }