Angular 4 How to redirect page after logout?

Question

I know this has been answered previously but I'm not satisfied with the answers given.

My problem is simple, the user want to logout.

If it's on a page that required to be login (set in auth.guard.ts with auth.service.ts) and the user logout I want him to be redirected to home.

However if he is on a safe page I don't want to redirected him.

I could use the AuthGuard but I don't want to reload the page, so no:

location.reload()

What's my option ?

Answer 1

import { Router } from '@angular/router';
.....

constructor(private router:Router, authService: AuthService){}
  //toastMessagesService: ToastMessagesService){} if you have one
....

onLogOut(){
  authService.logOut(); 

  if (this.router.url==="/admin"){
        //this.toastMessagesService.show("Logged out"); // display a toast style message if you have one :)
        this.router.navigate(["/home"]); //for the case 'the user logout I want him to be redirected to home.'
  }
  else{
   // Stay here or do something
   // for the case 'However if he is on a safe page I don't want to redirected him.'
   }
 }