在angular 6中进行布线时修复页眉和页脚

我想页眉和页脚是固定的，而做路由

const批准：路由=[{
路径：“”，
重定向到：'/login'，
路径匹配：“已满”
},
{
路径：“登录”，
组件：LoginComponent
},
{
路径：“”，
组件：MainPageComponent，
儿童：[{
路径：“仪表板”，
组件：仪表板组件
},
{
路径：“关于”，
组件：大约组件
},
{
路径：“flex”，
组件：FlexComponent
},
{
路径：“jquery”，
组件：JqueryComponent
},
{
路径：'表'，
组件：TableComponent
},
]
},
{
路径：'**'，
组件：大约组件
}
];查看组件树，必须将页眉和页脚放在主页组件中。这将使它们在布线时固定
这可以按如下方式完成

在app.component.html中

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>



如果你不想让页眉和页脚有单独的组件，你可以按照下面的方法来做

<header code>
 <router-outlet></router-outlet>
<footer code>

可能重复的模板应分为3块。在导航事件中，仅更改模板正文上下文。。。从技术上讲，你可以很容易地在任何地方找到例子。