Usiadłam rano do projektu, odpalam nowy widok i co widzę?

Błąd: „TypeError: Cannot read property ‚TableBoardGameList’ of undefined”
Kod widoku, w którym się sypie:

<h2>Nowy stół do gry</h2>
<div *ngIf="gameTable.TableBoardGameList?.length > 0">
    //some magic here</div>

Zajęło mi chwilę rozwiązanie tej zagadki. Debuggowałam kilka razy, wyraźnie widziałam, że obiekt gameTable nie jest pusty, a mimo to nadal miałam błąd.
Jakie było rozwiązanie? Wystarczyła tylko jedna linijka 🙂

<h2>Nowy stół do gry</h2>
<div *ngIf="gameTable">
<div *ngIf="gameTable.TableBoardGameList?.length > 0">
        //some magic here</div>
</div>

Najpierw musimy sprawdzić, czy obiekt gameTable nie jest pusty (czy się już załadował), a dopiero potem sprawdzić jego propercje. Proste, ale jednak zaskoczyło mnie o 7 rano;p