Building Web Apps with Spring 5 and Angular

Routing within AppModule

The most trivial way of configuring route definitions is to create route definitions within the AppModule file, for example, app.module.ts. This technique may only seem to be OK for learning purposes. When creating complex apps, this is not the recommended way. The following is what needs to be created within app.module.ts:

• Import the routing library such as RouterModule and Routes, as follows:

        import { RouterModule, Routes }   from '@angular/router';

• Create route definitions such as the following. Be sure to include route definitions for handling invalid routes, using components such as PageNotFoundComponent, and the default route to be used when the app launches with an empty path.

        const appRoutes: Routes = ...