Angular è un framework per creare Single Page Application (SPA). Il concetto principale di una SPA è quello di navigazione tra pagine dove la navigazine avviene interamente lato client senza coinvolgere il server. Per fare questo Angular mette a disposizione un sistema di routing molto potente.
Per configurare il sistema di routing, il primo passo consiste nell'importarte il modulo RoutingModule e la classe Routes nella nostra applicazione come mostrato nell'esempio.
import { Routes, RouterModule } from '@angular/router';
A questo punto dobbiamo dichiarare una costante, di tipo Routes, che contiene la lista delle nostre rotte. Una rotta è un oggetto che specifica un url e il component da caricare quando si naviga verso l'url.
const routes: Routes = [ { path: 'company/search', component: CompanySearchComponent }, { path: 'company/detail', component: CompanyDetailComponent }, ];
Il terzo passo consiste nell'importare nel modulo principale della nostra applicazione il RoutingModule e configurarne le rotte tramite il metodo forRoot.
@NgModule({ imports: [RouterModule.forRoot(routes)], ... }) export class AppModule { }
Infine, nel component principale della nostra applicazione dobbiamo inserire il component router-outlet all'interno del quale verrà inserito il codice HTML generato dal component verso cui si è navigato.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestire i null nelle reactive form tipizzate di Angular
Verificare la provenienza di un commit tramite le GitHub Actions
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Eseguire attività pianificate con Azure Container Jobs
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Miglioramenti nell'accessibilità con Angular CDK
Usare il versioning con i controller di ASP.NET Core Web API
3 metodi JavaScript che ogni applicazione web dovrebbe contenere - Parte 2
Effettuare update massivi con Entity Framework Core 7
Utilizzare le collection expression in C#
Utilizzare gli snapshot con Azure File shares
Eseguire attività basate su eventi con Azure Container Jobs