Muszę pochwalić pomysł z budową pliku app.component.html. Dzięki temu ułożeniu tabela tasks-list zawsze jest widoczna a do góry może być wyświetlona dowolna ścieżka. Wiąże się to jednak z pewnym downsidem - komponenty nie wiedzą o sobie nawzajem i musiałaś umieścić location.reload() żeby dane były ponownie załadowane z backendu. Rozwiązań jest kilka. Umieszczam jedno z nich jako gist: https://gist.github.com/wkulczi/26a0e110ddcdb359d9112a618ba24aeb.
Jeśli chcesz, by pod ścieżką '' nie było żadnego komponentu to możesz po prostu tę ścieżkę pominąć, wtedy pod <router-outlet> nie podstawi się nic i widoczny będzie tylko komponent tasks-list. tl;dr - coś takiego też działa:
Dobra robota ze wstrzykiwaniem serwisów do konstruktora i reużywaniem pojedynczej instancji za pomocą providedIn:'root'
Fajnie, że używasz hooków angularowych, OnInit i OnDestroy to chyba najpopularniejsze z nich i bardzo przydatne. Pamiętaj jednak, ze gdy chcesz użyć funkcji ngOnInit to klasa w której realizujesz tę funkcję koniecznie musi mieć implements OnInit. Bez tego funkcja chyba nie rusza
app.component.html
. Dzięki temu ułożeniu tabelatasks-list
zawsze jest widoczna a do góry może być wyświetlona dowolna ścieżka. Wiąże się to jednak z pewnym downsidem - komponenty nie wiedzą o sobie nawzajem i musiałaś umieścićlocation.reload()
żeby dane były ponownie załadowane z backendu. Rozwiązań jest kilka. Umieszczam jedno z nich jako gist: https://gist.github.com/wkulczi/26a0e110ddcdb359d9112a618ba24aeb.<router-outlet>
nie podstawi się nic i widoczny będzie tylko komponenttasks-list
. tl;dr - coś takiego też działa:providedIn:'root'
ngOnInit
to klasa w której realizujesz tę funkcję koniecznie musi miećimplements OnInit
. Bez tego funkcja chyba nie rusza