Angular - ładowanie komponentów

Witam, potrzebuje pomocy z moją aplikacją.

Otóż podczas logowania ładuje dane użytkownika (takie jak. nazwa użytkownika, dostępy, itp.) i tutaj jest wszystko dobrze. Natomiast podczas odświeżenia strony występują błędu typu .

Struktura mojej aplikacji wygląda następująco

W module Home mam funkcje która pobiera wszystkie dane odnośnie zalogowanego użytkownika. Dane użytkownika przechowywane są w serwisie auth.service.ts. I w widokach np. header lub sidebar mam odwołanie własnie do tego serwisu.

<span>{{authService.user.imie}} {{authService.user.nazwisko}}</span><br>

Wydaję mi się że te błedy so spowodowane tym że niektóre widoki i komponenty ładują się wcześniej niż Home, chociaż mój routing w Home wygląda następująco

const routes: Routes = [
    {
        path: '',
        component:HomeComponent,
        canActivate: [AuthGuard],
        children: [
            { path: '', redirectTo: '/dashboard', pathMatch: 'full', canActivate: [AuthGuard]},
            { path: 'dashboard', loadChildren: './dashboard/dashboard.module#DashboardModule' , canActivate: [AuthGuard]},
            { path: 'order', loadChildren: './order-material/order.module#OrderModule' , canActivate: [AuthGuard]},
            { path: 'order-semifinished', loadChildren: './order-semifinished/order-semifinished.module#OrderSemifinishedModule' , canActivate: [AuthGuard]},
            { path: 'order-recipients', loadChildren: './order-recipients/order-recipients.module#OrderRecipientsModule' , canActivate: [AuthGuard]},
            { path: 'admin-panel', loadChildren: './admin-panel/admin-panel.module#AdminPanelModule' , canActivate: [AuthGuard]},
            { path: 'account-settings', loadChildren: './account-settings/account-settings.module#AccountSettingsModule' , canActivate: [AuthGuard]},
            { path: 'help-panel', loadChildren: './help-panel/help-panel.module#HelpPanelModule' , canActivate: [AuthGuard]},
         
        ]
    }
];

Może jest mi ktoś w stanie doradzić co mogę zrobić ?

Dodaj '?' tj. <span>{{authService?.user?.imie}} {{authService?.user?.nazwisko}}</span>

Dobrze, to to by mi załatwiło sprawę ale mam w widokach jeszcze takie coś

*ngIf=authService.permission(4)

i z tym też jest problem.

Ktoś ma jakiś pomysł ?