Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

341
Views
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 answers
Answer question

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 Report

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 Report

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!