angular4路由器出口覆盖

时间:2017-05-11 09:51:02

标签: angular angular4-router

我正在使用angular4路由器。我有一个带导航栏的布局页面,我想在访问/ admin / **和其他页面时使用不同的导航栏。我用

设置了全局空路径
{
    path: '',
    component: NavbarComponent,
    outlet: 'navbar'
};

并使用

设置管理员空路径
{
    path: 'admin',
    children: [
        {
            path: '',
            component: AdminNavbarComponent,
            outlet: 'navbar'
        },
        ...ADMIN_ROUTES
    ]
}

但访问管理页面最终会出现错误

  

无法激活已激活的插座

我认为管理员空路径可能会覆盖全局空路径,因为它主要与网址匹配。

而且我不想使用像

这样的网址指定插座
http://.../admin(navbar:adminnarbar)

因为如果用户使用http://...(navbar:adminnavbar)访问首页,则会呈现不需要的管理导航栏。

事实上,我只想要像大多数模板引擎一样覆盖出口。

任何想法我该怎么办?

以下是plunker请帮忙。

0 个答案:

没有答案