ionic-framework - 在加载之前在 View 中加载数据

标签 ionic-framework angular ionic2

<分区>

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

我必须在 View 中显示一些数据,但我从同一页面中的 API 获取这些数据,因此当我尝试在 View 中显示它们时,它们尚未定义。获取这些数据后如何等待加载 View ?

我试过 onPageWillEnter 但它不起作用。

提前谢谢你。

最佳答案

您可以使用 *ngIf 包装您的模板

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

设置data时,将显示内容。

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

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

避免在 datanull 时出现错误消息

关于ionic-framework - 在加载之前在 View 中加载数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37705736/

相关文章:

javascript - 无法在 Express 上的 NodeJS 服务器中发布参数 id

ionic-framework - 如何在ionic 4中实现“后退”按钮功能?

node.js - 在 Ubuntu 20 ec2 实例中设置 Ionic 环境时出错

geolocation - ionic 本地地理定位不适用于 Android

angular - ionic 3图像 slider 在手动滑动后停止自动播放

ionic-framework - 地理位置在设备ionic3中不起作用

javascript - ion-header-bar 无法与侧菜单和幻灯片一起使用

angular - Angular 6 解析器中抛出的错误丢失错误自定义类型

javascript - 如何在折线图js中的多个数据集中只显示一条时间线

javascript - Angular - 单元测试按键