2017-10-06 59 views
-1

在app.component.html,包括我做这在每一个页面导航栏:Angular 2:如何从页面中排除导航栏?

<app-navbar></app-navbar> 

如何排除来自给定页面导航栏?

+0

可以包括''到每一个组件的HTML,在你需要它,只是不包括其中,这是没有必要的。 –

+0

有道理。谢谢。 – koque

+0

没有。希望它真的帮助你 –

回答

2

您应该了解Angular作为单页应用程序的性质,因此如果您将路由器插座与<navbar></navbar>一起放置在应用程序组件HTML中,则导航栏将始终可见。

那么当你浏览某些页面并将它显示给其他页面时,你如何隐藏它?您只需使用* ngIf,其中showNav是一个变量,它是一个保存布尔值(true或false)的变量,您可以在组件typescript文件中定义它,并根据当前导航路径使用内置路由器表@angular/router的一些帮助来更改它。

<app-navbar *ngIf="showNav"></app-navbar>