特定路线的不同主模板

Question

这是我的app.component.html，我的主要应用模板：

<md-sidenav-layout class="sidenav-primary" fullscreen>

<md-sidenav #start  mode="side" align="start" opened>
<div class="sidenav-menu">
<sidebar></sidebar>
</div>
</md-sidenav>

<main-menu></main-menu>

<div class="sidenav-primary-content">
<div class="container-fluid">

<div *ngIf="!Service.LOADED" class="text-center">
<i class="fa fa-spinner fa-spin fa-4x" aria-hidden="true"></i>
</div>

<router-outlet></router-outlet>

</div>

</div>
</md-sidenav-layout>

<!--In case the user is not logged in, show the intro page-->
<div *ngIf="Service.LOADED && !Service.userData">
<intro></intro>
</div>

我的问题是：当用户未登录时（我输出<intro></intro>时），我不想显示sidenavs和主菜单。

我是否真的需要创建一个新的模块和路由只是输出介绍没有主菜单和＆amp; sidenav？我一直在尝试*ngIf并且在<router-outlet>之上是不可能的。

如果要创建新模块＆amp;路由是唯一的选择，你能更直观地了解我的应用结构应该是什么样的吗？

谢谢！