Angular 2.使用ngFor在对象内循环数组

Question

我有组件数据的下一个结构：

我想使用assignedCards在组件的视图中打印*ngFor列表。我这样做可能：

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

但它有例外：

如果我测试mission值，它就说我mission是一个对象。

所以，我想访问assignedCards对象里面的mission数组并进行循环。

Answer 1

我猜这个array[1][2][3] = [1] # instead of = 1 array[1][2][3].append(2) # now it's [1, 2] array[1][2][3].extend([3,4]) # now it's [1, 2, 3, 4] all_values = array[1][2][3] # no another dimensions uses to get values 对象是异步加载的。因此，它在第一时间未定义，并在稍后设置......

所以你可以使用Elvis运算符（mission）：

mission?.assignedCards