首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >多个路由器插座,指定的路由器插座不工作

多个路由器插座,指定的路由器插座不工作
EN

Stack Overflow用户
提问于 2019-01-31 00:33:40
回答 1查看 516关注 0票数 1

我正在尝试让多个路由器插座与同一路径上的不同组件一起工作,然而,以下代码不起作用。

路由:

代码语言:javascript
运行
复制
const routes: Routes = [
{ path: 'products', component: ProductComponent},
{ path: 'products', component: ProductHeaderComponent, outlet: 'header-route' },
{ path: 'products', component: ProductFooterComponent, outlet: 'footer-route' }
];

Html:

代码语言:javascript
运行
复制
<router-outlet></router-outlet>//Primary Outlet
<router-outlet name="header-route"></router-outlet>
<router-outlet name="footer-route"></router-outlet>

主插座工作正常。

命名网点、页眉路由和页脚路由不起作用。

EN

回答 1

Stack Overflow用户

发布于 2019-09-08 23:33:30

您可以使用(outletname: route)使用多个路由器插座并访问辅助路由器url。示例:

代码语言:javascript
运行
复制
localhost:4200/loginpage(header-route: products)

现场示例:Stackblitz

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54445276

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档