Angular5 - 路由重定向问题

Question

我希望以下路线有效：

/settings/general
/settings/changePassword
/settings/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

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

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

Angular5 - 路由重定向问题

Angular5 - routing redirect issue

angular-routing

angular