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

这样角度并不试图评估prop1直到data具有价值！= null。