Question

我想要以下路线：

/ 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
          }
        ]
      }
    ])

Answer 1

只需为＆＃39; /＆＃39;添加重定向路由。

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

Angular5 - 路由重定向问题

1 个答案: