Question

我有一个问题：在Angular 7中，是否可以在一条路线中渲染多个组件？例如，有路径：“”，我想显示组件：[ HeaderComponent， SideBarComponent ]。因此，当路由器接收路径时：'/ home'将显示前面提到的这两个组件，现在还会显示组件：HomeComponent。我试图弄清楚，但没有找到完成它的方法。谁能帮我？您认为最好的方法是什么？

非常感谢您的建议！

Answer 1

没有路由器仅接受路径的一个组件。但是，一个好的做法是放置一个包装器组件，例如HomePageComponent，这就是您要路由到的组件。模板应该看起来像这样

@Component({
    template: ´
    <app-header></app-header>
    <app-sidebar></app-sidebar>
    <app-home></app-home>
    ´})
export class HomePageComponent{}

另一种解决方案是使用命名路由器出口

在一条路线中渲染多个组件

1 个答案: