我们可以使用不同的路由组件拥有相同的路径吗 - Angular Routing

Question

我有一个component，它渲染了一些子路由，但布局不同 - 我们可以为两种布局使用相同的路径名，如下所示

{
    path: '',
    component: LandingComponent,
    children: [
      { path: '', component: LandingpageComponent },
      { path: 'landingpage', component: LandingpageComponent },
    ]
  },
  {
    path: '',
    component: DashboardComponent,
    children: [
      { path: 'patients', component: PatientsComponent },
      { path: 'endrolPatient', component: ProfileComponent },
      { path: 'endrolPatient/:id', component: ProfileComponent },

    ]
  }

在上面的示例中，路径名称是相同的 - 当我运行应用程序时，我可以看到输出 - 角度如何处理这种关闭路由。

Answer 1

是的，你可以！

基本上，根据 Angular 路由器结构，您可以为同一个组件拥有多个路由器路径。

假设您想使用带有两个链接的组件 A，如下所示 -

abc.com/first
abc.com/second

在这种情况下，您可以使用相同的组件。