【发布时间】:2016-12-08 08:01:12
【问题描述】:
我希望我的所有路由组件都嵌套在 BaseLayout 组件中。对于使用router-outlet 的简单示例来说,这很容易,其中整个子组件都被注入到路由器插座中。是否可以为孩子定义多个地方将内容注入父母?类似于命名 ng-content 块的工作方式?我希望子路由组件能够定义页眉、主页和页脚的内容。
【问题讨论】:
标签: angular
我希望我的所有路由组件都嵌套在 BaseLayout 组件中。对于使用router-outlet 的简单示例来说,这很容易,其中整个子组件都被注入到路由器插座中。是否可以为孩子定义多个地方将内容注入父母?类似于命名 ng-content 块的工作方式?我希望子路由组件能够定义页眉、主页和页脚的内容。
【问题讨论】:
标签: angular
新的docs for routing 声明:
一个模板可能恰好包含一个未命名的 .路由器 支持多个命名插座,我们将在未来介绍该功能。
因此,要使其正常工作,您需要在您的 <router-outlet name="aux"></router-outlet> 上添加一个 name 属性并在您的路线配置中使用它:
{path: '/chat', component: ChatCmp, outlet: 'aux'}
在此答案中查看更多信息:https://stackoverflow.com/a/38096837/2972
【讨论】:
{path: '', component: BaseLayoutComponent, children: [ {path: '', component: HomeComponent} ]} 并让 HomeComponent 模板定义多个内容块,这些内容块被注入到 BaseLayout 模板中。