This blog series would be used to describe different techniques which can be used to configure route definitions in Angular apps. The routing can be defined based on following three patterns:
In this blog, we will learn different aspects related with creating route definitions within AppModule. The most simple way of configuring route definitions is creating route definitions within AppModule file such as app.module.ts which is found at root level. This technique can be used for only learning purpose. When creating complex or enterprise apps, this is not the recommended way. The following is the what needs to be done to create route definitions within app.module.ts:
The first step is to import the routing library such as RouterModule and Routes
import { RouterModule, Routes } from '@angular/router';
Create route definitions such as following in app.module.ts. Make sure to include route definitions for handling invalid routes using components such as PageNotFoundComponent and, default route to be used when app launches with empty path.
const appRoutes: Routes = [ { path: 'register', component: UserRegistrationComponent, data: {title: 'New User Registration'} }, { path: 'login', component: LoginComponent }, { path: 'doctors', component: DoctorListComponent, data: { title: 'Doctors Information' } }, { path: 'index', component: HomeComponent }, { path: '', redirectTo: '/index', pathMatch: 'full' }, { path: '**', component: PageNotFoundComponent } ];
Lastly, configure router module with RouterModule.forRoot as part of @NgModule meta definition.
@NgModule({ imports: [..., RouterModule.forRoot(appRoutes),], declarations: [ AppComponent, ...], providers: [ ...], bootstrap: [ AppComponent ] }) export class AppModule { }
Greater details in relation with above and much more can be obtained from my book, Building web apps with Spring 5 and Angular. Grab your ebook today and get started.
Last updated: 28th April, 2024 As a data scientist, understanding the nuances of various cost…
Last updated: 28th April, 2024 In this post, you will learn the concepts related to…
Last updated: 26th April, 2024 In this blog post, we will discuss the logistic regression…
Last updated: 22nd April, 2024 As data scientists, we navigate a sea of metrics to…
Last updated: 22nd April, 2024 This post will teach you about the gradient descent algorithm…
Last updated: 19th April, 2024 Among the terminologies used in training machine learning models, the…