CODEWITHSUNDEEP
angularangular-routing
AngularM
AngularM

Reputation: 16628

Angular5 - routing redirect issue

I want the following routes to work:

My issue is that settings/ works also. When the user puts /settings into the address bar I want it to redirect to: "/settings/general"

This is my parent route:

    {
      path: 'settings',
      loadChildren: '@application/user#UserModule'
    }

This is my child routes in a child module

RouterModule.forChild([
      {
        path: '',
        component: LayoutComponent,
        children: [
          {
            path: 'changePassword',
            component: PasswordComponent
          },
          {
            path: 'changeEmail',
            component: EmailComponent
          },
          {
            path: 'general',
            component: GeneralComponent
          }
        ]
      }
    ])

Upvotes: 0

Views: 46

Answers (1)

VivaLaPanda
VivaLaPanda

Reputation: 838

Just add a redirect for the '/' route.

RouterModule.forChild([
      {
        path: '',
        component: LayoutComponent,
        children: [
          {
            path: '',
            redirectTo: 'general',
            pathMatch: 'full',
          },
          {
            path: 'changePassword',
            component: PasswordComponent
          },
          {
            path: 'changeEmail',
            component: EmailComponent
          },
          {
            path: 'general',
            component: GeneralComponent
          }
        ]
      }
    ])

Upvotes: 2

Related Questions