Getting started with Personal Trainer navigation

At this point, if you look at the route configuration in app-routing.module.ts in the src/app folder, you will find one new route definition, builder:

const routes: Routes = [    ...    { path: 'builder', component: WorkoutBuilderComponent },    ...];

And if you run the application, you will see that the start screen shows another link, Create a Workout:

Behind the scenes, we have added another router link for this link into start.component.html:

<a routerLink="/builder" class="btn btn-primary btn-lg btn-block" role="button" aria-pressed="true">   <span>Create a Workout</span> <span class="ion-md-add"></span> ...

Get Building Large-Scale Web Applications with Angular now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.