title: Redirection problem with Angular AuthGuard
body: <p>I'm trying to redirect users to a certain route if they are already logged in on the platform (I check this using cookies) when they access my website's base url. 
  The expected behaviour is this: </p>
  
  <ul>
  <li>User goes to <code>www.example.com</code>.</li>
  <li>If he is already logged in, redirect to <code>www.example.com/my-account</code>.</li>
  <li>If not, go to <code>www.example.com</code>.</li>
  </ul>
  
  <p>I tried to use CanActivate with the following code:</p>
  
  <pre><code>canActivate() {
  this.authService.checkStatus()
  .subscribe(
    resp =&gt; {
     this.allowed = resp['isValid'];
    },
    error =&gt; {
      this.allowed = false;
    }
  );
  
  if(this.allowed) {
    this.router.navigate(['/my-account']);
    return true;
  }
   return false;
  }
  </code></pre>
  
  <p>The problem is that if the user is not logged in it will show a white page because the component will not load.</p>
  
  <p>Any idea on how can I achieve this?</p>
  
  <p>Thanks.</p>