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 Angular 6 for Enterprise-Ready Web Applications 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.