gpt4 book ai didi

Angular 路线 : redirectTo when using multiple param

转载 作者:行者123 更新时间:2023-12-04 13:28:07 25 4
gpt4 key购买 nike

我有这样的路线

const pipelinesRoutes: Routes = [
{
path: ':type',
component: CatalogComponent,
canActivate: [LoggedInGuard],
children: [
{
path: '',
component: CatalogContentComponent,
},
{
path: ':domain/:categoryId',
component: CatalogContentComponent,
},
],
},
{ path: '', redirectTo: 'skills', canActivate: [LoggedInGuard] },
];
在这里,我想将我的应用程序重定向到 Skills(:type) 如果没有提供类型,它在开始时工作正常,但是一旦我刷新说有这个 url。
catalog/skills/technical
它重定向到
catalog/skills/skills/technical

最佳答案

感谢 T. Sunil Rao 帮助我。
是的,我的路线有问题。
我在路由的帮助下传递了空参数

this.router.navigate([domain, ''], { relativeTo: this.route });
但是在刷新时,它不会将该空参数视为如此重定向的参数。
目录/技能/技术没有填满任何路线,因此它重定向到技能/
正确的路线应该是
const pipelinesRoutes: Routes = [
{ path: '', redirectTo: 'skills', pathMatch: 'full' },
{
path: ':type',
component: CatalogComponent,
canActivate: [LoggedInGuard],
children: [
{
path: '',
component: NoDomainContentComponent,
},
{
path: ':domain',
component: CatalogContentComponent,
children: [
{
path: ':categoryId',
component: CatalogContentComponent,
},
]
},
],
},
];
使用另一个的 child ,因为我不想刷新组件,想使用相同的组件并只过滤数据。

关于 Angular 路线 : redirectTo when using multiple param,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66833859/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com