Angular 8，当我在另一个路由器插座中时，如何使用主插座路由

Question

对不起，我是Angular的新手，对路由器插座的工作原理不太了解。

    {path: 'organisation/:orga_id/event/:event_id', component: EventAdminComponent, children: [
            {path: 'general', component: GeneralComponent, outlet: 'tab'},
            {path: 'tickets', component: TicketsComponent, outlet: 'tab'},
            {path: 'commandes', component: TestSecondComponent, outlet: 'tab'},
            {path: 'stat', component: TestSecondComponent, outlet: 'tab'}
        ]},
    {path: 'organisation/:orga_id/event/:event_id/status-people/:ticket_id', component: StatusPeopleComponent},

所以，这是我的app-routing.ts，我在页面中使用了制表符路由器出口，当前的路线是：

  

http://localhost:4200/admin/organisation/KHY1ODY0ZDUx/event/GKniQWmuVDM2/(tab:tickets)

如您所见，我在名为tab的路由器插座中发现自己，我想要的是：从哪里回到主插座并转到以下URL：

  

http://localhost:4200/admin/organisation/KHY1ODY0ZDUx/event/GKniQWmuVDM2/status-people/:ticket-id

我用routerLink尝试了很多东西，但是没有用，有人可以向我解释我该怎么做？

Answer 1

而不是尝试直接导航到URL：

[routerLink]="['/foo/bar']"

您必须手动设置出口，例如：

[routerLink]="[{ outlets: { primary: '/foo/bar', tab: null } }]"

这将在'/foo/bar'插座中打开primary，并清除tab插座。