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

Question

我开发了一个仪表板，我想要两种页面布局，一种是导航栏和其他东西，另一种是没有它，例如用于登录。

我想要这样的网址：

• 主机/登录（不含导航栏）
• 主机/配置（带导航栏）

我认为我不能使用路由子来实现这一目标，因为我会得到像：

这样的网址

• 主机/无导航/登录
• 主机/导航/配置

我是对的？我该怎么做？

Answer 1

这正是你所需要的：

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

从src/client/app开始查看源文件app.component.ts，在其模板app.component.html中，您会看到一个示例：

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

您可以使用*ngIf <{1}}显示和隐藏html文件的任何部分，例如*ngIf="userLoggedIn"

你可以开始并测试种子：

$ cd angular-seed
$ npm install
$ npm start