angular 2 rc3 router default routes

Question

We are moving out project from router deprecated to the new angular 2 route.I can't find something Similar to usedefault in the router deprecated.Basically when I load the page we want the url to change to http://website_name/index instead of http://website_name/

Gabi · Accepted Answer · 2016-07-03 18:11:29Z

1

RC3

You can use redirectTo, something like :

export const YourAppRoutes: RouterConfig = [
  {
    path: '',
    redirectTo: '/index',
    terminal: true
  },
  {
    path: 'index',
    component: YouMainComponent,
    children: [
      { path: '',     component: YouMainComponentList },
      { path: ':id',  component: YouMainComponentDetail }
    ]
  }
];

RC4

export const YourAppRoutes: RouterConfig = [
  {
    path: '',
    redirectTo: 'index',
    pathMatch: 'full'
  },
  {
    path: 'index',
    component: YouMainComponent,
    children: [
      { path: '',     component: YouMainComponentList },
      { path: ':id',  component: YouMainComponentDetail }
    ]
  }
];

for reference : https://angular.io/docs/ts/latest/guide/router.html#!#redirect

edited Jul 3, 2016 at 18:11

answered Jun 30, 2016 at 23:55

Gabi

5903 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Doron Brikman Over a year ago

They change it a little bit now with the beta, use pathMatch: true instead of terminal. And also their is not need in / in redirectTo

user6535770 Over a year ago

Thank you Doron..they are changing so fast

Gabi Over a year ago

I've included also the code for RC4 (with @angular/router: 3.0.0-beta.1)

Günter Zöchbauer Over a year ago

I think you also need pathMatch: full for path: '' or terminal:true in RC3

Collectives™ on Stack Overflow

angular 2 rc3 router default routes

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related