Angular 2 - Why my all routes are not redirected?

Question

[{
    path: 'menu',
    component: MenuComponent
  },
  {
    path: 'how',
    component: HowItWorksComponent
  },
  {
    path: '',
    pathMatch: 'prefix',
    redirectTo: 'menu'
  }]

Above is my root route config why my all routes are not redirected to the menu because empty string should be a prefix to all routes. It shows respective components on /how and /menu and perfectly redirects to menu on / but it should always redirect to /menu shouldn't it?

Answer 1

You have to set useAsDefault on /menu.

[{
   path: 'menu',
   component: MenuComponent,
   useAsDefault: true,
},
...

Answer 2

If you want your last path to catch anything that the first two don't, then you'll want:

{
  path: '**',
  redirectTo: 'menu'
}

As explained in the angular docs, ** is a special wildcard route