Angular4 路由 : Force Navigation By Bypassing Route Guard

Question

当我的用户在屏幕上进行脏更改时，我有一个路由守卫在他们尝试导航离开时提示他们保存或丢弃。

但是，如果我由于不活动而将他们注销，我想强制导航并绕过路由守卫(通过丢弃他们的更改)，以确保他们的屏幕是空白的。

如何绕过路由守卫？

Answer 1

我的解决方案如下:

我的 logout 方法在成功注销后，将应用程序重定向到 /login 路由:

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

然后我的守卫如下:

@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
  }
}