我尝试使用辅助路线在侧边栏中显示不同的内容,具体取决于您所使用的路线。
问题是导航后辅助路线仍然存在(包括URL和内容)。
HTML:
<router-outlet></router-outlet>
<router-outlet name="sidebar"></router-outlet>
RouteConfig:
@RouteConfig([
{path: '/', name: 'Home', component: Home, useAsDefault: true},
{path: '/leadslist', name: 'LeadsList', component: LeadsList},
{aux:'/sidebar', name: 'Sidebar', component: Sidebar}
])
导航栏中的链接:
<a [routerLink]="['Home']">Home</a>
<a [routerLink]="['LeadsList', ['Sidebar']]">Leads list</a>
当前行为:
我的问题:如何在没有辅助路线的情况下导航到路线&#34;标记沿着&#34;?
答案 0 :(得分:2)
目前(imho)这可以在Angular2路由器中更好地处理,但您需要做的是将 aux
出口设置为null
并指向 primary
出口与网址你要回去。
这是有效的,因为primary
是angular2的保留默认出口。
考虑以下路线:/inbox/123131$asd(compose:reply)
在上述路线中,我们正在查看电子邮件并撰写回复。所以 - 当我们发送这个时,我们可能希望用户被发送回主视图 - 收件箱。那么你的routerLink需要如下所示:
<a [routerLink]="['',{outlets: {compose: null, primary: '/inbox'}}]" >Close</a>
&#13;
请注意,这可能会在Angular2路由器的第三次重写中发生变化。