Content is not showing Up

[arunwebber]

I have created the ng-sidebar as a component which i dont need in diffrent places the component code is shown here. This is component

<ng-sidebar-container>
  <!-- sidebar -->
  <ng-sidebar [opened] = "opened">
    <button (click) = "toggleSidebar()">
      x
    </button>
    <ul class = "menu">
      <li>
        <span (click)="logout()">Logout</span>
      </li>
    </ul>

  </ng-sidebar>

  <div ng-sidebar-content>
    <!-- Page Content -->
    <button (click) = "toggleSidebar()">
      Open sidebar
    </button>

  </div>
</ng-sidebar-container>

And in component.ts

  toggleSidebar(){
    this.opened = !this.opened;
  }

And i want to use this component to some other component Like this way

<app-header></app-header>

<app-logout>
  {{ home|json }}
</app-logout>




<app-footer></app-footer>

Everything is Working fine but the json content is not showing up. I am not sure where i am going wrong. I dont want to use this in app.component.ts page becose i dont want to show this side bar in diffrent pages that is the reason.

[zhuweid]

have u tried - #100

If nothing seems to show up, your wrappers' heights may be collapsing. Try adding a height (e.g. height: 100vh;) to the wrapper or other wrapper elements you may have. (See issue #100 for more info.)