Angular 加载主页时显示标题上方的内容

Angular 加载主页时显示标题上方的内容,angular,Angular,我有一个始终显示的页眉组件和页脚组件。主体的内容会发生变化,即根据需求加载零部件。主构件在第一次加载时加载到主体中。当只加载主页时,我想在标题上方显示一些内容。 我为要显示的内容创建了一个不同的组件。 这是我的app.component.html的结构 <new-component> // this i have to load only when home component is loaded in body <header> <body> <fo

我有一个始终显示的页眉组件和页脚组件。主体的内容会发生变化,即根据需求加载零部件。主构件在第一次加载时加载到主体中。当只加载主页时,我想在标题上方显示一些内容。 我为要显示的内容创建了一个不同的组件。 这是我的app.component.html的结构

<new-component>  // this i have to load only when home component is loaded in body
<header>
<body>
<footer>
//只有在主体中加载主组件时,我才必须加载此项

为此,您可以使用带有路由检查的
*ngIf
,如果它是主路由,或者您可以为其他页面创建另一个路由器出口。