Angular 9 - 复杂的子/父导航

Question

I've just completely stuck with the following. I have some set of routes with two different parent layouts.

routing.module.ts

{
    path: '',
    component: FrameworkComponent,
    children: [
      {
        path: 'products',
        component: ProductListingPageComponent,
        canActivate: [EnsureAuthenticated]
      },
      {
        path: 'categories',
        component: CategoryListingPageComponent,
        canActivate: [EnsureAuthenticated]
      }
    ]
},
{
    path: '',
    component: AppComponent,
    children: [
      {
        path: 'login',
        component: LoginPageComponent
      },
      {
        path: 'register',
        component: RegistrationPageComponent
      }
    ]
}

So being on LoginPageComponents I just would like to navigate to /products path (in case of success during logging in)

login-page.component.ts

this.authService.logIn(this.credentials)
    .then(_ => this.router.navigateByUrl('/products'))
    .catch(this.handleLoginError.bind(this));

As a result I get nothing. Just a request flies to a server and I see successful login and nothing more - no errors etc.

Could you please advise?

Answer 1

Have you tried checking the response that you're getting?

this.authService.logIn(this.credentials)
    .then(res => {
     console.log(res);
     this.router.navigateByUrl('/products');
    }).catch(this.handleLoginError.bind(this));

Answer 2

After thousands of trial and errors I've found the solution. An issue was in canActivate property. It checks whether login token is in place and I had forgotten to set this token during login previously.