Side navigation

Enable mobile-first workflows and provide an easy navigation mechanism to quickly jump to desired functionality. Using the authentication service, given a user's current role, only display the links for features they can access. We will be implementing the side navigation mock-up, as follows:

Side navigation mock-up

Let's implement the code for the side nav as a separate component, so that it is easier to maintain:

  1. Create and declare a NavigationMenuComponent in app.module
src/app/app.module.ts@NgModule({  declarations: [    ...    NavigationMenuComponent,  ],
The side navigation isn't technically required until after a user is logged ...

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.