Angular2路由，如何在加载数据时避免错误

Question

我有一条路线：

@RouteConfig ([
    {path: '/dn/', name: 'Details', component: DetailsComponent}
])

DetailsComponent在ngOnInit方法中加载数据。

数据显示在组件模板中，其结构类似于

{{data.prop1.prop2}}

但是只要数据没有加载，我就会收到错误，因为data.prop1.prop2还不存在。

angular2解决此问题的首选方法是什么？与

<span *ngIf="data">{{data.prop1.prop2}}</span>

或使用AsyncRoute，还是动态设置模板？

Answer 1

您可以使用Elvis运算符

{{data?.prop1?.prop2}}

这样，Angular在prop1有值之前不会尝试评估data！= null。