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 { }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Specificare il versioning nel path degli URL in ASP.NET Web API
Creare form tipizzati con Angular
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Copiare automaticamente le secret tra più repository di GitHub
Implementare il throttling in ASP.NET Core
Miglioramenti nell'accessibilità con Angular CDK
Eseguire query verso tipi non mappati in Entity Framework Core
Definire lo stile CSS in base alle dimensioni del container
Verificare la provenienza di un commit tramite le GitHub Actions
Inizializzare i container in Azure Container Apps
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core