Angular 2 - 在不同的頁面中更改模板

Question

我正在開發一個儀表板，我想要2種頁面佈局，一種是導航欄和其他東西，另一種沒有，例如用於登錄。

我希望網址是這樣的：

• 主機/登錄（無導航欄）
• 主機/配置（導航欄）

我覺得我不能使用路由孩子的來完成這個，因爲我會得到像這樣的網址：

• 主機/無導航/登錄
• 主機/導航/配置

我是對的？我該怎麼做？

Answer 1

這正是你需要的東西：

$ git clone --depth 1 https://github.com/mgechev/angular-seed.git 

查看源文件的Unter src/client/app開始與app.component.ts和它的模板app.component.html你將看到一個例子：

<sd-toolbar></sd-toolbar> 
<sd-navbar></sd-navbar> 
<router-outlet></router-outlet> 

您可以顯示和隱藏HTML文件的任何部分與*ngIf像*ngIf="userLoggedIn"

y你可以啓動並測試種子：

$ cd angular-seed 
$ npm install 
$ npm start