angular - 子路由是否需要默认组件
问题描述
简单的问题。如标题所述。
假设我有额外的数据要显示,但只能通过路由访问。我们会说父路由是data/:id
,附加数据路由是data/:id/extra-data
。
看起来如果我导航到data/:id/extra-data
然后导航到data/:id
要显示的组件集data/:id/extra-data
仍然可见。
解决方案
答案是肯定的,您确实需要默认路由的组件。否则,即使您从中导航,子路由的组件也将可见。
God Stacked Overflow 有时会如此密集。
{
path: 'data/:id',
component: DataComponent,
runGuardsAndResolvers: 'always',
children: [
// This is the default route. Without it other childroutes stay rendered when navigated to
{
path: '',
component: DumbComponent,
runGuardsAndResolvers: 'always',
},
{
path: 'extra-data',
component: ExtraDataComponent,
runGuardsAndResolvers: 'always',
},
],
这又不是代码问题。但显然每个人都需要查看代码。
推荐阅读
- amazon-web-services - aws cli ec2 describe 命令什么都不返回
- angular - 多个 401 Angular 令牌拦截器
- java - 字符串到房间数据库中的 int
- java - MultipartFormDataOutput 中的缺失部分取决于键的顺序
- javascript - React 组件在加载时“闪烁”,因为状态被覆盖
- sql - 对数字系列进行四舍五入以获得尽可能多的“四舍五入”数字,总和为 100
- frontend - 如何制定 sigma 规则来跟踪应用程序的行为
- reactjs - React js 导出一个变量
- postgresql - 具有字符集编码的 postgresql http 请求
- opencv - 如何创建球形图像?