Angular中的动态父路由和子路由
Angular中的动态父路由和子路由
提问于 2019-04-29 05:00:23
我有一个场景，我希望url看起来像这样的flavor/service，其中味道和服务可以有任何价值。
根据选择的味道和服务的值，我需要动态显示数据。我必须在同一页上显示数据，而不考虑所选的口味和服务。
我将我的路由设置如下：
{ path: ':flavor', component: DataComponent, children: [
{ path: ':service', component: DataComponent }
]
}它不工作，有什么建议，我如何才能做到这一点？我可以拥有动态的父项和子项吗？？
回答 2
Stack Overflow用户
发布于 2019-05-06 17:26:58
在angular中，如果没有静态、动态参数和静态路径，则无法进行动态路由
您可以这样配置您的路由
{ path: 'flavor/:flavor', component: DataComponent, children: [
{ path: 'service/:service', component: DataComponent }
]
}这里:风味、:serive是动态文本
你可以从activateRoute.params获得它
Stack Overflow用户
发布于 2019-05-09 21:27:59
您的需求完全可以得到解决：
必须在子路径中使用:flavour或:service
准确的路由配置。
{
path: '',
component: DataComponent,
children: [
{
path: ':flavour',
component: DataComponent,
children: [
{
path: ':service',
component: DataComponent,
}
]
}
]
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55894528
复制相关文章
相似问题
腾讯云开发者
