5

这是我的路线配置

{
    path: 'home',
    component: HomepageComponent,
    children: [
        {
            path: 'enquiry',
            component: EnquiryComponent,
            outlet: 'suboutlet'
        }
    ]
}

这非常适用于：

this.router.navigate(['/home', {outlets: {suboutlet: ['enquiry']}}]);

但是如果我的父路径是这样的空白：

{
    path: '', // <-- This is blank now
    component: HomepageComponent,
    children: [
        {
            path: 'enquiry',
            component: EnquiryComponent,
            outlet: 'suboutlet'
        }
    ]
}

以下均无效：

this.router.navigate(['', {outlets: {suboutlet: ['enquiry']}}]);
this.router.navigate(['/', {outlets: {suboutlet: ['enquiry']}}]);
this.router.navigate([{outlets: {suboutlet: ['enquiry']}}]);

错误：错误：无法匹配任何路由。URL 段：'查询'

我需要这个路由器配置，因为我的嵌套命名出口位于主页组件中，我不想在它前面加上 /home 只是为了让它工作

非常感谢任何帮助。

这是我上面的代码的 plunker，它正在工作

https://plnkr.co/edit/SZhu8LxHiSKNxX3JQ22N

而且我不知道为什么下面的一个不起作用

https://plnkr.co/edit/jvhkN77wH6ZePERwDvT3

4

0 回答 0