Angular4，在渲染视图之前重定向？

Question

如何在渲染视图之前重定向？

这是我的代码：

constructor(private router: Router) {
  if (/* some condition*/) {
    window.history.back();
  }
}

//OR

ngOnInit() {
  this.router.navigate(['/']);
}

当前代码在重定向前显示视图？

如何在渲染视图之前重定向？

Answer 1

您应该实现canActivate 防护以防止视图呈现并在 canActivate 中重定向您想要的位置。

 canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ): Observable<boolean>|Promise<boolean>|boolean {
     if (condition) {
        this.navigate([somewhere]);
      }
      return true;
  }