si ci avevo pensato, ma ho il problema del layout.

ad esempio questo pezzo che sta in home.component.html:
codice:
<div class="layout-wrapper" (click)="onLayoutClick()" [ngClass]="{'layout-static': isStatic(),
                'layout-overlay': isOverlay(),
                'layout-overlay-active': overlayMenuActive,
                'layout-horizontal': isHorizontal(),
                'layout-slim': isSlim(),
                'layout-static-inactive': staticMenuDesktopInactive,
                'layout-mobile-active': staticMenuMobileActive,
                'layout-menu-dark':darkMenu,
                'layout-menu-light':!darkMenu}">
tutte quello funzioni le richiamo dalla top bar, andando a prenderle da HomeComponent.

ad esempio topbar.component-ts:
codice:
import { Component } from '@angular/core';
import { HomeComponent } from '../home/home.component';

@Component({
  selector: 'app-topbar',
  templateUrl: './topbar.component.html'
})
export class TopbarComponent {

  constructor(public app: HomeComponent) { }
}
nell'html:
codice:
  <a id="topbar-menu-button" href="#" (click)="app.onTopbarMenuButtonClick($event)">
    <i class="pi pi-ellipsis-v"></i>
  </a>
quindi, la funzione di logout posso effettivamente metterla nel topbar component.
ma tutte le funzioni che riguardano il layout??