Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在不带侧边栏的页面中显示Sign__Html_Angular - Fatal编程技术网

Html 在不带侧边栏的页面中显示Sign_

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

我有第一个页面显示信息,比如说在侧边栏、导航栏和页脚内

如何在没有这些组件的情况下显示授权页面,以及所有其他页面照常显示

app.component.html:

<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>