Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

335
Vistas
Enrutamiento Angular4: forzar la navegación al omitir la Guardia de ruta

Cuando mis usuarios tienen cambios sucios en una pantalla, tengo un protector de ruta para pedirles que guarden o descarten cuando intentan alejarse.

Sin embargo, si estoy cerrando la sesión debido a la inactividad, quiero forzar la navegación y omitir la protección de ruta (descartando sus cambios), para asegurarme de que su pantalla esté en blanco.

¿Cómo puedo evitar los guardias de ruta?

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Mi solución fue la siguiente:

Mi método de logout de sesión después de cerrar sesión con éxito, redirige la aplicación a la ruta /login :

 @Injectable export class AuthService { // ... logout () { // do logout this.router.navigate(['/login']); } }

Mi guardia es entonces la siguiente:

 @Injectable export class DiscardChangesGuard implements CanDeactivate<MyComponent> { canDeactivate(component: MyComponent, currentRoute: ActivatedRouteSnapshot, currentState: RouterStateSnapshot, nextState?: RouterStateSnapshot): Observable<boolean> | boolean { if (nextState.url === '/login') { return true; // bypass checks if we are trying to go to /login } // perform regular checks here } }
over 4 years ago · Santiago Trujillo Denunciar

0

Así es como puede forzar una omisión por navegación . En mi caso, estaba volviendo al panel de control de la cuenta después de que el usuario envió un formulario con la información de la cuenta.

Idealmente, verificaría los cambios no guardados en el formulario y los omitiría en función de eso, pero mis formularios aún no tienen esa función.

componente de formulario:

 this.router.navigateByUrl('/', { state: { bypassFormGuard: true } })

protector del enrutador:

 @Injectable() export class ExitFormGuard implements CanDeactivate<ComponentCanDeactivate> { constructor(private router: Router) {} canDeactivate(component: ComponentCanDeactivate): boolean | Observable<boolean> { if (this.router.getCurrentNavigation()?.extras?.state?.bypassFormGuard) { return true } // perform normal checks } }
over 4 years ago · Santiago Trujillo Denunciar

0

Mi objetivo era eludir los guardias de ruta sin tocar todos los guardias de ruta en la aplicación, pero no pude hacerlo. En última instancia, creé un nuevo RouteBypassService para inyectar en cada guardia de ruta. RouteBypassService implementa shouldBypass , que devuelve verdadero si el protector de ruta debe permitir la navegación por algún motivo fuera de banda anulado, como la autorización. En mi caso, shouldBypass devuelve verdadero si no hay ningún usuario que haya iniciado sesión. (Después de que se desconecten, los dejamos salir de la pantalla sin importar nada).

No es lo ideal porque cada autor de un guardia de ruta tiene que recordar afirmativamente agregar el desvío, pero no es terriblemente enredado.

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda