Angular menu footer

0

Cześć, mam stronę z logowaniem oraz rejestracją, które nie zawierają menu oraz stopki, oraz inne strony które po zalogowaniu zawierają juz te komponenty. W jaki sposób mogę zrobić, aby w tych pozostałych stronach było wyświetlane menu oraz footer bez wklejania do każdego komponentu html tagów <app-menu></app-menu> oraz na dole strony <app-footer></app-footer>?

0

eeeee no posiadać layout i w nim to dodać

0
mr_jaro napisał(a):

eeeee no posiadać layout i w nim to dodać

No właśnie nie chce w każym layoutcie dodawać <app-menu></app-menu> oraz <app-footer></app-footer>, tylko zbiorczo dodać to do kilku wybranych komponentów. Chciałbym utworzyć coś typu folder app (nazwijmy go app-content) z routingiem komponentami itd. w którym mogłbym utworzyć kolejny layout i w nim dodać:

<app-menu></app-menu>
<router-outlet></router-outlet>
<app-footer></app-footer>

Następnie chciałbym to dodać do głównego layoutu, tj. app.component.html w taki sposób:

<router-outlet></router-outlet> <!-- layouty zawierające panel logowania oraz panel rejestracji -->
<app-conent></app-content>  <!-- layout zawierający kolejno menu, następnie zawartość strony w zależności od adresu oraz stopkę. -->
0

Chyba jakoś przechowujesz info o tym, że ktoś jest zalogowany?
Możesz dodać subkrypcję używając Subject i wysyłać info do komponentu footer, jak ktoś się zaloguje i wtedy możesz ukrywać/wyświetlać potrzebne elementy
Masz milion różnych sposobów.

1 użytkowników online, w tym zalogowanych: 0, gości: 1