在加载数据之前在视图中加载数据

Question

我有一个问题,我正在使用Ionic 2和angular 2.

我必须在视图中显示一些数据,但是我从同一页面中的API获取这些数据,所以当我尝试在视图中显示它们时,它们尚未定义.获取这些数据后,如何等待加载视图？

我试过onPageWillEnter但它不起作用.

先感谢您.

Answer 1

你可以用你的模板包装 *ngIf

template: `
 <div *ngIf="data">
   ... <!-- content -->
 </div>`

当data被设置时,所述内容将被显示.

您还可以使用安全导航或Elvis运算符来避免错误消息

template: `<div>{{data?.someProp}}</div>`

以避免错误消息时data是null