2017-10-06 25 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>