Quando definiamo il routing in un'applicazione Angular, dobbiamo definire tutte le rotte e per ogni rotta specificare a quale component ogni singola rotta corrisponda. Oltre a questo, dobbiamo anche definire il comportamento dell'applicazione nel caso in cui venga invocata una rotta inesistente. Per fare questo dobbiamo definire una rotta che ha come url un doppio asterisco e come componente il component da renderizzare.

import { NotFoundComponent } from './not-found/not-found.component';
import { HomeComponent } from './home/home.component';
const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: '**', component: NotFoundComponent }
];
 
@NgModule({
  imports: [
    RouterModule.forRoot(routes)
  ],
  exports: [
    RouterModule
  ]
})
export class AppRoutingModule { }