Templating/rendering properties in an empty array in angular2?

Question

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

In angular 1 you could reference deep properties and (for the most part) it would keep on rocking:

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

I'm sure I could just *ngIf the parent property to make sure it exists, or flatten the original POJO. Just wondering if I'm missing something?

Mark Rajcok · Accepted Answer · 2015-12-17 20:27:18Z

2

Yes, you're missing the Elvis operator:

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

answered Dec 17, 2015 at 20:27

Mark Rajcok

365k114 gold badges500 silver badges494 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1