He creado un administrador de autenticación en Angular2 para restringir el acceso a componentes directamente. Todavía soy nuevo en angular y estoy aprendiendo los conceptos.

Pude restringir al usuario si el nombre de usuario no es correcto. Pero no puedo usar el valor devuelto por el Método canActivate en mi componente para mostrar un mensaje en mi front end.

Mi clase de AuthManager

import { Injectable } from '@angular/core';
import { CanActivate,Router,ActivatedRouteSnapshot,RouterStateSnapshot } from '@angular/router';

@Injectable()

export class AuthManager implements CanActivate{

    user = "user";

    constructor(private router:Router){

    }

    canActivate(route:ActivatedRouteSnapshot,state:RouterStateSnapshot){
        console.log("Comes Here");
            if(this.user == "user"){
                return true;
            }else{
                console.log("YOur are not authorized");
                this.router.navigate(['/persons']);
                return false;
            }
    }
}

Puedo ver que USTED no está autorizado en el registro, sino cómo usar el valor en un componente.

Mi app.router.ts

{
    path: 'persons/:id',
    component: PersonDetailComponent,
    canActivate:[AuthManager]       
    }