Angular 2:如何从页面中排除导航栏?

时间:2017-10-06 22:21:10

标签: angular

在app.component.html中,我通过这样做在每个页面中包含导航栏:

<app-navbar></app-navbar>

如何从指定页面中排除导航栏?

1 个答案:

答案 0 :(得分:2)

您应该将Angular的性质理解为单页应用程序,因此如果您将路由器插座放在应用程序组件HTML中,并且<navbar></navbar>旁边的导航栏将始终可见。

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

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