主页 / 问题 / 1019463
Accepted
JuniorCoder
Asked:2020-09-01 23:45:16 +0800 CST2020-09-01 23:45:16 +0800 CST

角度路由无法正常工作

  • 772

我有一个内容所在的主页，并且

<router-outlet></router-outlet>

页面上有2个登录和注册按钮，我为它们写了路由：

const routes: Routes = [
  {path: '', component: AuthComponent, children:[
    {path: 'login' , component: LoginComponent },
    {path: 'registration' , component: RegistrationComponent }
  ]}
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

问题是当我通过路由时，登录和注册页面的内容被加载到router-outlet标签中的主页，如何使它，例如，在*****/登录地址，我已经加载了一个单独的 Auth 组件（例如）并且在 nevo 中已经取决于所需的页面！

angular

1 个回答

  1. Best Answer

    好吧，作为一个选项，您可以为登录和注册请求调用 AuthComponent 组件，然后读取路由数据，并根据此显示所需的组件。那些。在 AuthComponent 的入口处会有一个路径检查，就是这样。如果没有，则更常见。在路线中，类似这样的东西。

    {path: 'login' , component: AuthComponent, data : {page: 'login'}},
{path: 'registration' , component: AuthComponent, data : {page : 'registration'}}

    PS 目前尚不清楚为什么需要这样做。

    • 2

相关问题