📚 Cheatsheet

import { Routes } from '@angular/router';

const routes: Routes = [
  { path: 'accueil', component: HomeComponent },
  { path: 'a-propos', component: AboutComponent },
  { path: '', redirectTo: '/accueil', pathMatch: 'full' },
  { path: '**', component: PageNotFoundComponent } // Route Wildcard
];

<nav>
  <a routerLink="/accueil" routerLinkActive="active-link">Accueil</a>
  <a routerLink="/a-propos" routerLinkActive="active-link">À Propos</a>
</nav>
<router-outlet></router-outlet>

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

constructor(private router: Router) { }

allerAuProfil(id: number) {
  this.router.navigate(['/utilisateurs', id]);
}

const routes: Routes = [{
  path: 'accueil',
  component: HomeComponent,
  data: { titre: 'Page d\'accueil' }
}];

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  const filtre = this.route.snapshot.queryParamMap.get('filtre');
}

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  const id = this.route.snapshot.paramMap.get('id');
}

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
  canActivate(): boolean {
    // logique d'authentification...
    return true;
  }
}

@Injectable({ providedIn: 'root' })
export class UserResolver implements Resolve<User> {
  resolve(route: ActivatedRouteSnapshot): Observable<User> {
    const id = route.paramMap.get('id');
    return this.userService.getUser(id);
  }
}

const routes: Routes = [{
  path: 'utilisateurs/:id',
  component: UtilisateurComponent,
  children: [
    { path: 'profil', component: ProfilComponent },
    { path: 'parametres', component: ParametresComponent }
  ]
}];