guards_routings.ts

// Routes
const routes: Routes = [
  {
    canActivate: [UnauthenticatedGuard],
    path: 'signin',
    loadChildren: './pages/signin/signin.module#SigninPageModule',
  },

  {
    canActivate: [AuthenticatedGuard],
    path: 'channel-detail',
    loadChildren:
    './pages/channel-detail/channel-detail.module#ChannelDetailPageModule',
  },
]

// Auth Guard

@Injectable({
  providedIn: 'root',
})
export class AuthenticatedGuard implements CanActivate {

  constructor(
    private store: Store<any>,
    private navCtrl: NavController,
  ) {}

  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
    return this.store.pipe(select(getIsLogged))
      .pipe(
        tap((isLogged) => {
          if (!isLogged) {
            this.navCtrl.navigateRoot('/signin');
          }
        }),
      );
  }
}

// Unauthenticated Guard

@Injectable({
  providedIn: 'root',
})
export class UnauthenticatedGuard implements CanActivate {

  constructor(
    private store: Store<any>,
    private navCtrl: NavController,
    ) {}

  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
    return this.store.pipe(select(getIsNotLogged))
      .pipe(
        tap((isNotLogged) => {
          if (!isNotLogged) {
            this.navCtrl.navigateRoot('/channel-detail');
          }
        }),
      );
  }
}