Angular5 - 路由重定向问题

时间:2018-04-18 17:15:58

标签: angular angular-routing

我想要以下路线:

  • / settings / general
  • / settings / changePassword
  • /设置/ changeEmail

我的问题是设置/工作也是如此。 当用户将/ settings放入地址栏时,我希望它重定向到:“/ settings / general”

这是我的父路线:

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

这是我在子模块中的子路线

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

1 个答案:

答案 0 :(得分:2)

只需为' /'添加重定向路由。

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