Eu criei o módulo ErrorsModule
e seu componente NotFoundComponent
, adicionei a rota pra ele e a aplicação já funcionou sem a necessidade de importar o novo módulo em app.module.ts
, diferente do que ocorreu com o professor no vídeo. Não consegui identificar aqui o que explica ter funcionado sem realizar essa importação, alguém sabe dizer? Códigos abaixo:
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PhotosModule } from './photos/photos.module';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
PhotosModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { NotFoundComponent } from './errors/not-found/not-found.component';
import { PhotoListComponent } from './photos/photo-list/photo-list.component';
const routes: Routes = [
{ path: 'user/flavio', component: PhotoListComponent },
{ path: '**', component: NotFoundComponent }
]
@NgModule({
imports: [
RouterModule.forRoot(routes)
],
exports: [
RouterModule
]
})
export class AppRoutingModule { }
errors.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NotFoundComponent } from './not-found/not-found.component';
@NgModule({
declarations: [
NotFoundComponent
],
imports: [
CommonModule
]
})
export class ErrorsModule { }