Templating/rendering angular2 中空数组中的属性？

Question

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

在 angular 1 中，您可以引用深层属性并且（在大多数情况下）它会继续摇摆不定：

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

我确定我可以只 *ngIf 父属性来确保它存在，或者展平原始的 POJO。只是想知道我是否遗漏了什么？

Answer 1

是的，你错过了 Elvis operator:

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

Templating/rendering properties in an empty array in angular2?