2015-12-17 67 views
0

http://jsfiddle.net/48yh14c3/在angular2中的空數組中模板化/渲染屬性?

this.list = [ 
{ 
    property: [{anotherProp: true}] 
}, 
{ 
    property: [] 
}, 
{ 
    property: [{anotherProp: false}] 
} 
] 

在角1,你可以參考深性能和(在大多數情況下),它會不斷搖擺:

<div ng-repeat='thing in ctrl.list'> 
    {{thing.property[0].anotherProp}} 
</div> 

我敢肯定,我可以只* ngIf parent屬性以確保它存在,或壓扁原始POJO。只是想知道我是否錯過了一些東西?

回答

2

是的,你錯過了Elvis operator

<div *ngFor='#thing of list'> 
    {{thing.property[0]?.anotherProp}} 
</div> 

Plunker