Html 在不带侧边栏的页面中显示Sign_
我有第一个页面显示信息,比如说在侧边栏、导航栏和页脚内 如何在没有这些组件的情况下显示授权页面,以及所有其他页面照常显示 app.component.html:Html 在不带侧边栏的页面中显示Sign_,html,angular,Html,Angular,我有第一个页面显示信息,比如说在侧边栏、导航栏和页脚内 如何在没有这些组件的情况下显示授权页面,以及所有其他页面照常显示 app.component.html: <div class="wrapper"> <div class="sidebar" data-color='blue' data-image=""> <app-sidebar></app-sidebar> <div class="sidebar-back
<div class="wrapper">
<div class="sidebar" data-color='blue' data-image="">
<app-sidebar></app-sidebar>
<div class="sidebar-background" style="background-image: url(../assets/img/sidebar.jpg)"></div>
</div>
<div class="main-panel">
<app-navbar></app-navbar>
<router-outlet></router-outlet>
<div *ngIf="isMaps('maps')">
<app-footer></app-footer>
</div>
</div>
</div>
使用多个
我们可以处理。
在app.component.ts中
<div class="wrapper">
<router-outlet></router-outlet>
</div>
<div class="wrapper">
<div class="sidebar" data-color='blue' data-image="">
<app-sidebar></app-sidebar>
<div class="sidebar-background" style="background-image: url(../assets/img/sidebar.jpg)"></div>
</div>
<div class="main-panel">
<app-navbar></app-navbar>
<router-outlet></router-outlet>
<div *ngIf="isMaps('maps')">
<app-footer></app-footer>
</div>
</div>
</div>
在应用程序/仪表板中创建新的仪表板组件
在dashboard.component.ts中
<div class="wrapper">
<router-outlet></router-outlet>
</div>
<div class="wrapper">
<div class="sidebar" data-color='blue' data-image="">
<app-sidebar></app-sidebar>
<div class="sidebar-background" style="background-image: url(../assets/img/sidebar.jpg)"></div>
</div>
<div class="main-panel">
<app-navbar></app-navbar>
<router-outlet></router-outlet>
<div *ngIf="isMaps('maps')">
<app-footer></app-footer>
</div>
</div>
</div>