Angular 路由链接嵌套组件

我的路由器链接有问题。起初我有这种情况

单击组件0的按钮，情况将以这种方式更改

const routes: Routes = [

  { path: '', redirectTo: '/a', pathMatch: 'full'},
  { path: 'a',  component: Component0 },
  { path: 'b', component: Component1,



      children: [
        { path: 'c',  component: Component2 },
        { path: 'd',  component: Component3},
        { path: 'e',  component: Component4,

          children: [
            { path: 'f',  component: Component5 },
            { path: 'g',  component: Component6 },
            { path: 'h',  component: Component7 }

          ]
        }
      ]
  }
];

我创建了一个应用程序路由服务来管理路由

const routes: Routes = [

  { path: '', redirectTo: '/a', pathMatch: 'full'},
  { path: 'a',  component: component 0 },
  { path: 'b', component: component 2 },
  { path: 'c', component: component 3 },
  { path: 'd', component:component 4}
  { path: 'e', component:component 5}


];

我在组件1的模板中添加了

。 这很有效

现在点击组件3的一个按钮，我将看到这种情况

相反，我有这个

我尝试了不同的方法，但没有结果，问题出在哪里

谢谢你

我是这样解决的

const routes: Routes = [

  { path: '', redirectTo: '/a', pathMatch: 'full'},
  { path: 'a',  component: Component0 },
  { path: 'b', component: Component1,



      children: [
        { path: 'c',  component: Component2 },
        { path: 'd',  component: Component3},
        { path: 'e',  component: Component4,

          children: [
            { path: 'f',  component: Component5 },
            { path: 'g',  component: Component6 },
            { path: 'h',  component: Component7 }

          ]
        }
      ]
  }
];

---

另外，在这个“版本”中，我在最初的帖子中添加了一些额外的组件。

你能分享更多的代码吗？另外，您的

重定向到

应该是您要重定向到的路径，而不是组件名称。我在本文中更正了重定向到。你想要哪部分代码？代码太大了，我有几个组件，你不必给出整个组件，但是任何与路由相关的部分都会很有帮助。例如，为了能够看到您是否在routerLink和导航中使用相对路径等。我仅使用我编写的应用程序路由服务和与按钮关联的[routerLink]（例如[routerLink]=“['/c']”）来管理路由链接，对于这一点，我不理解您要求的代码。我不知道是否必须在嵌套组件4中添加第二个组件并更改路由