Mam kod w html :
<div fxShow="true">
<div class="body">
<mat-drawer-container class="example-container" fxHide.lt-md>
<mat-drawer mode="side" opened>
<mat-toolbar>
<mat-toolbar-row>
<span>MENU</span>
</mat-toolbar-row>
</mat-toolbar>
<div fxShow="true" fxHide.lt-md>
<div class="nav" style="display:flex;flex-direction:column;">
<a routerLink="/new-invoice">New Invoice</a>
<a routerLink="/preview-invoice">Preview Invoice</a>
</div>
</div>
</mat-drawer>
<mat-drawer-content>
<mat-toolbar color="primary">
<mat-toolbar-row>
<h1>invoice generator</h1>
</mat-toolbar-row>
</mat-toolbar>
<div class="route">
<router-outlet></router-outlet>
</div>
</mat-drawer-content>
</mat-drawer-container>
<!-- NA DOLE Mały EKRAN U GORY duży-->
<div class="body2" fxHide.gt-sm>
<mat-toolbar color="primary">
<button class="menu-button" mat-icon-button (click)="sidenav.toggle()" fxShow="true" color="primary">
<mat-icon>menu</mat-icon>
</button>
<span> invoice generator</span>
</mat-toolbar>
<mat-sidenav-container fxFlexFill class="example-container">
<mat-sidenav #sidenav fxLayout="column">
<div fxLayout="column">
<a routerLink="/new-invoice">New Invoice</a>
<a routerLink="/preview-invoice">Preview Invoice</a>
</div>
</mat-sidenav>
<mat-sidenav-content fxFlexFill>
<div class="route">
<router-outlet></router-outlet>
</div>
</mat-sidenav-content>
</mat-sidenav-container>
</div>
</div>
</div>
Na dużym ekranie jak przełączam zakładki to się nie zmienia dopiero jak odświeże stronę pokazuje mi aktualną zakładkę.
