在ANGULAR 2中隐藏页面路由上的组件

时间:2019-03-18 17:46:24

标签: angular

我在主布局组件中有一个侧边栏组件。但是它会添加到所有ANGULAR页面中。

当路由到特定页面时,我需要将其隐藏。请为此提供帮助。

1 个答案:

答案 0 :(得分:0)

您可以使用路由(例如bool值)传递数据,并使用* ngIf指令显示/隐藏。为此,您可以导入ActivatedRoute:

import { ActivatedRoute } from '@angular/router';

而不是添加到构造函数中:

constructor(private route: ActivatedRoute){
this.showSidebar = this.route.snapshot.params['showSidebar'];
}

还要根据您从哪个导航组件导航到不想显示侧边栏的组件,将routerlink设置为:

[routerLink]="[ '/somelink', showSidebar ]"

所有这些都是原始的解释,因此,准确起见,请发布您的代码或详细说明。此方法还取决于组件的结构,所以...