Content is not showing Up
arunwebber opened this issue · comments
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.