Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Creating the navigation methods

Now, it is time to create the navigation behavior inside nav.component.ts, so let's see how we can do that:

1. Open ./Client/src/layout/nav/nav.component.ts and add the following imports, right after the core import:

 import { Router } from  '@angular/router';
 import { Title } from  '@angular/platform-browser';

 // App imports
 import { AuthService } from  '../../pages/auth/_services/auth.service';

2. Still on ./Client/src/layout/nav/nav.component.ts, let's create the constructor() function:

 public  constructor(
        private  titleTagService:  Title,
        public  auth:  AuthService,
        private  router:  Router ) {}

Here, we are using the built-in Angular service called Title to update the title tag of the page when navigating between ...