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

Creating the route guard for bike-detail

Guards are implemented as services that need to be provided, so we typically create a guard class using the Angular CLI:

1. Open your Terminal window and type the following command:

 ng g guard pages/auth/_guards/auth

The previous code will generate the following file: ./Client/src/app/pages/auth/_guards/auth.guard.ts.

2. Open the ./Client/src/app/pages/auth/_guards/auth.guard.ts file and add the following import after the observable import:

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

3. Now, let's add Router and AuthService inside the constructor() function, as shown in the following code:

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

4. Add the following block of code ...