bixi/packages/core/layout/layout.component.html

企业级中后台前端解决方案

<ng-container *ngIf="showHeader">
  <ng-template *ngTemplateOutlet="header"></ng-template>
  <div class="bixi-layout-main">
    <ng-template *ngTemplateOutlet="menu"></ng-template>
    <ng-template *ngTemplateOutlet="content"></ng-template>
  </div>
</ng-container>

<ng-container *ngIf="!showHeader">
  <div class="bixi-layout-main bixi-headless-layout-main">
    <div class="left-menu">
      <ng-template *ngTemplateOutlet="header"></ng-template>
      <ng-template *ngTemplateOutlet="menu"></ng-template>
    </div>
    <ng-template *ngTemplateOutlet="content"></ng-template>
  </div>
</ng-container>

<ng-template #header>
  <ng-content select="bixi-layout-header,[bixi-layout-header]"></ng-content>
</ng-template>
<ng-template #content>
  <ng-content select="bixi-layout-content,[bixi-layout-content]"></ng-content>
</ng-template>
<ng-template #menu>
  <ng-content select="bixi-layout-menu,[bixi-layout-menu]"></ng-content>
</ng-template>