Frontend
Angular
Angular questions
How is navigation between routes handled in Angular?

How is navigation between routes handled in Angular?

Navigation between routes in Angular is handled using the RouterModule module and the Router service. Routes are configured in the routes configuration file and navigated using the navigate method of the Router service.

For example:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
 
const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: '', redirectTo: '/home', pathMatch: 'full' }
];
 
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }