Angular 角度8,当我';我在另一个路由器出口
对不起,我是新来的,不太了解路由器插座的工作原理Angular 角度8,当我';我在另一个路由器出口,angular,router,outlet,Angular,Router,Outlet,对不起,我是新来的,不太了解路由器插座的工作原理 {path: 'organisation/:orga_id/event/:event_id', component: EventAdminComponent, children: [ {path: 'general', component: GeneralComponent, outlet: 'tab'}, {path: 'tickets', component: TicketsCompon
{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,我在一个页面中使用了一个标签路由器出口,我的路由当前是:
正如您所看到的,我在名为选项卡的路由器出口中找到了自己,我想要的是:从我所在的位置返回主出口并转到此url:
我用routerLink做了很多尝试,但都没有成功,有人能告诉我该怎么做吗?不要直接导航到URL:
[routerLink]="['/foo/bar']"
您必须手动设置插座,例如:
[routerLink]="[{ outlets: { primary: '/foo/bar', tab: null } }]"
这将在
主
出口中打开'/foo/bar'
,并清除选项卡
出口。而不是尝试直接导航到URL:
[routerLink]="['/foo/bar']"
您必须手动设置插座,例如:
[routerLink]="[{ outlets: { primary: '/foo/bar', tab: null } }]"
这将在
主
出口中打开'/foo/bar'
,并清除选项卡
出口。感谢您的回复,我尝试了您的解决方案,我得到的是这样一个url:您的routerLink值看起来像什么?[routerLink]=“[{outlets:{primary:'/admin/organization/'+manageEvent.orgaId+'/event/'+manageEvent.eventId+'/status people/'+item.id,tab:null}}]>
。此值的结果就是上面的url。感谢您的回复,我尝试了您的解决方案,得到的是这样一个url:您的routerLink值是什么样的?[routerLink]=“[{outlets:{primary:'/admin/organization/'+manageEvent.orgaId+'/event/'+manageEvent.eventId+'/status people/'+item.id,tab:null}}}]>
。此值的结果是上面的url。