Router ne pas afficher une page une fois connecté

[Nicolas DOUZET]

Bonjour,

voila mon problème si quelqu'un a la solution, j'ai tenté un truc ça fonctionne mais je voudrais avoir l'avis de personne plus expérimenté...

const appRoutes: Routes = [

  { path: 'index', canActivate: [AuthGuardService], component: IndexComponent },

  { path: 'auth/signup', component: SignupComponent },

  { path: 'auth/signin', component: SigninComponent },

  /* { path: 'books', canActivate: [AuthGuardService], component: BookListComponent }, */

  { path: '', redirectTo: 'auth/signin', pathMatch: 'full'  },

  { path: '**', redirectTo: 'auth/signin' }

];

Voila dans mon app.module.ts, mon routing pour mes pages. Dans mon AuthGuardService, je protège les pages si l'utilisateur n'est pas connecté, il n'a donc pas accès.

import { Injectable } from '@angular/core';

import { CanActivate, Router } from '@angular/router';

import { Observable } from 'rxjs/Observable';

import * as firebase from 'firebase';

@Injectable()

export class AuthGuardService implements CanActivate {

  constructor(private router: Router) { }

  canActivate(): Observable<boolean> | Promise<boolean> | boolean {

    return new Promise(

      (resolve, reject) => {

        firebase.auth().onAuthStateChanged(

          (user) => {

            if(user) {

              resolve(true);

            } else {

              this.router.navigate(['/auth', 'signin']);

              resolve(false);

            }

          }

        );

      }

    );

  }

}

Cependant je voudrais réaliser la même opération mais une fois que l'utilisateur est connecté pour ne plus avoir accès au formule de connection et d'inscription... Comment faire ?

J'ai trouvé une solution celle de duppliquer mon AuthGaurdService et d'inverser le resolve mais je ne trouve pas ça très clean...

Avez-vous une meilleure solution que la mienne ?

Merci