Angular Routes Complete Guide | How To Create Routes In Angular

#angular

In this tutorial, we learn Angular CLI is a command-line interface tool that can create a project, For Single Page Application, Routing is the one and only tool or we can say module to navigate the pages to pages in routing angular. So, let us get started with angular routes or just angular router Tutorials.

Angular Routes Complete Guide | How To Create Routes In Angular

// App-Routing.Module.ts

import { Routes } from '@angular/router';
import { HomeComponent } from './components/home/home.component';
import { AboutComponent } from './components/about/about.component';
import { DashboardComponent } from './components/dashboard/dashboard.component';

const appRoutes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: 'dashboard', component: DashboardComponent }
];
export default appRoutes;

Source code: https://www.phpcodingstuff.com/blog/angular-routes-complete-guide-how-to-create-routes-in-angular.html