Angular 2. Schleife von Array innerhalb Objekt mit ngFor

Question

Ich habe nächste Struktur eines Komponentendaten:

Ich möchte mit *ngFor eine Liste von assignedCards innerhalb Komponente Ansicht drucken. Ich tue dies möglich:

<div *ngFor="#item of mission.assignedCards" class="b-progress-bar__item m-progress-bar__item_completed"> 
 
<div class="b-progress-bar__inner">{{item}}</div> 
 
</div>

Aber es fällt mit einer Ausnahme:

Wenn ich mission Wert zu testen, es mir sagt, dass mission ein Objekt ist.

So möchte Ich mag assignedCards Array innerhalb mission Objekt zuzugreifen und eine Schleife daraus zu machen.

Answer 1

Ich vermute, dass das mission Objekt asynchron geladen wird. So ist es zu einem ersten Zeitpunkt nicht definiert und wird später festgelegt ...

So könnte man den Elvis-Operator (mission?.assignedCards):

<div *ngFor="#item of mission?.assignedCards" 
     class="b-progress-bar__item m-progress-bar__item_completed"> 
    <div class="b-progress-bar__inner">{{item}}</div> 
</div>