2016-03-23 1 views
3

Ich habe nächste Struktur eines Komponentendaten:Angular 2. Schleife von Array innerhalb Objekt mit ngFor

enter image description here

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:

enter image description here

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

enter image description here

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

Antwort

11

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> 
Verwandte Themen