在使用角度路由时,如何通过内容注入来实现母版页的良好概念?
MasterPageComponent:
<header>
<ng-container *ngTemplateOutlet="menuContent"></ng-container>
</header>
<main>
<router-outlet></router-outlet>
</main>
<footer>
INJECT CONTENT HERE
</footer>
路由:
{
path: '',
component:MasterPageComponent,
children: [
{ path: 'single', component:ChildComponent },
]
}
ChildComponent:
<ng-template #header> INJECT HEADER! </ng-template>
<p>
Page content
</p>
也许您有一个建议,如何通过内容注入来实现适当的母版,并保留当前的路由结构。预先感谢。