我们可以使用相同的路径使用不同的路由组件-角路由

时间:2019-02-08 09:19:51

标签: angular angular-routing

我有一个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 },

    ]
  }

在上面的示例中,路径名是相同的-当我运行应用程序时,我可以看到输出-角度如何在这种非布线状态下工作。

1 个答案:

答案 0 :(得分:1)

是的,可以!

基本上,按照Angular路由器结构,同一组件可以有多个路由器路径。

假设您要通过以下两个链接使用组件A-

abc.com/first
abc.com/second

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