Navigate to root route "/"

Question

I am trying to navigate to home route from a child route but nothing happens.

I.e. the current route is /projects

Neither this.router.navigate(['/']) nor routerLink="/" works.

My routerConfig looks like this

const routes: Routes = [
 {
   path: '',
   component: HomeComponent
 },
 {
   path: '/projects',
   component: ProjectsComponent
 }
]

How do I go about doing this?

Answer 1

Try adding a redirectTo route to your routes config:

const routes: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full' },
    { path: 'home', component: HomeComponent },
    { path: 'projects', component: ProjectsComponent }
];