如何在angular中创建动态路由?

icomxhvb  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(203)

登录的默认路径是path:login,但我在应用程序中有一个功能,用户从电子邮件中单击一个链接,示例链接是,kay是动态的,我想为它创建一个路径,知道吗?

http://localhost:4200/#/login/(auth/key:c1b6e91c-323e-4d72-9848-46814276e5ca)

如何为身份验证和密钥创建动态路由?像上面的例子一样,如果用户单击链接,它应该重定向到登录页面,我将从activatedroute获取密钥。谢谢你们的帮助。

路线

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent,
    canActivate: [AuthGuard],
    children: [
      {
        path: 'properties',
        loadChildren: () => import('./features/property/property.module').then(m => m.PropertyModule),
        canActivate: [AuthGuard],
        data: {
          userRoles: [Roles.ADMIN, Roles.TRANSACTION_SUPER_USER, Roles.TRANSACTION_MANAGER]
        },
      },
      {
        path: 'settings',
        loadChildren: () => import('./features/settings/settings.module').then(m => m.SettingsModule),
        data: {
          title: 'Settings',
          userRoles: [Roles.ADMIN, Roles.TRANSACTION_SUPER_USER, Roles.TRANSACTION_MANAGER]
        }
      },
  {
    path: 'login',
    component: LoginComponent,
  },
}

例如,用户单击电子邮件时的url

http://localhost:4200/#/login/(auth/key:c1b6e91c-323e-4d72-9848-46814276e5ca)

我想知道的是如何为它创建一条获取密钥的路径
我试过了,但没用。有人帮忙吗?谢谢

{
            path: 'login/:(auth/key:urlKey)',
            component: LoginComponent,
          },

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题