Actualmente estoy practicando con un login que es como el "Home" de la aplicación y me veo en la necesidad, que cuando un usuario se identifica ya no pueda regresar al componente de login(por que ya fue verificado), y redireccionarle a su "Home" de usuario.
Para el login y restringir algunas de las rutas que tenía lo hice con
"CanActivate".
import { Injectable } from '@angular/core';
import{CanActivate,ActivatedRouteSnapshot,RouterStateSnapshot} from '@angular/Router';
import {Observable} from 'rxjs/Rx';
import {Router} from '@angular/Router';
import {UsuariosService} from './usuarios.service';
@Injectable()
export class CanActivateTeam implements CanActivate {
private activado:boolean=false;
constructor(private _UsuariosService:UsuariosService,private _Router:Router) { }
canActivate(
route:ActivatedRouteSnapshot,
state:RouterStateSnapshot):Observable<boolean> | boolean{
this._UsuariosService.Evento.subscribe((resul)=>{
this.activado=resul});
if(this.activado){
return this.activado;
}else{
this._Router.navigate(['/login']);
}
return this.activado;
}
}
Pensé que borrar alguna ruta se podría hacer con "CanDeactivate" pero es solo cuando se destruye un componente.
código fuente, errores, etc
.