在 Angular 17 中通过 <router-outlet> 标签访问子组件

Question

在我的

app.routes.ts

，

export const routes: Routes = [
 ...
   {
     path: "student",
     component: StudentComponent,
     children: [
       {
         path: "first-component",
         component: FirstComponent,
       },
       {
         path: "second-component",
         component: SecondComponent,
       },
     ],
   },
...
];

在我的

student.component.html

，

...
<mat-sidenav-content>
  <mat-toolbar>...</mat-toolbar>
  <router-outlet></router-outlet>
</mat-sidenav-content>
...

上面的代码创建了某种组件循环

我想通过

children

中的

app.routes.ts

标签访问

<router-outlet>

中

student.component.html

属性中的组件。 有这样的方法吗？ 如果没有，有哪些解决方法？

提前谢谢您！

Answer 1

看来跟你有类似的需求，而且已经有一个好的可行的解决方案了。

请参考以下链接。

https://stackoverflow.com/a/39255691/12707677