我有一个Angular 5应用程序.

我的app组件中有以下代码.

我想隐藏特定路线的导航栏和顶部栏.

是否有可能获得当前激活的路线app.component.ts？如果是的话,怎么样？

如果不可能,有没有解决方案来解决这个问题(使用警卫或其他什么......)？

还要记住,它应该是被动的.当我切换到另一个路线边栏时,导航栏应该再次显示.

这个我花了一段时间才弄明白，所以我希望通过在 SO 的问答方式中分享解决方案来节省某人的时间。它是这样的：

目标

我有一个 Angular8 Web 应用程序，我使用RouterModule在组件之间导航。

以下是我的路线的定义方式：

const routes: Routes = [
    { path: 'moo', component: AppMooComponent, data: { title: 'Moo Section', desc: 'Moo is the first example component.' } },
    { path: 'boo', component: AppBooComponent, data: { title: 'Boo Section', desc: 'Boo is the second example component.' } },
    { path: 'foo', component: AppFooComponent, data: { title: 'Foo Section', desc: 'Foo is the third example component.' } },
    { path: '', redirectTo: 'moo', pathMatch: 'full' …