Angular 加载数据后仍为空白模板：角度8

在获取数据之前加载模板。我使用ngIf指令仅在存在有效数据时加载模板

在ts文件中，加载了数据（如附件中所示，我使用Chrome调试器工具进行了检查），但这并没有反映在模板中

如何加载之前的数据并反映模板中的更改？如何使模板随动态变化而更新

以下代码段来自模板：

<ion-list *ngIf="snapshot" class='fund-snapshot-list' padding id='fund-snapshot-list-{{symbol}}'>

    <ion-item color="secondary">
      <ion-label id='fund-snapshot-list-index-{{symbol}}'>Index Value ({{index}})</ion-label>
      <ion-label id='fund-snapshot-list-index-value-{{symbol}}' text-right>{{snapshot.indexValue | number:'1.2-2'}}
      </ion-label>
    </ion-item>

    <ion-item color="secondary">
      <ion-label id='fund-snapshot-list-index-dividend-{{symbol}}' class='custom-width-label'>Index Dividend Yield
      </ion-label>
      <ion-label id='fund-snapshot-list-index-dividend-value-{{symbol}}' text-right>
        {{snapshot.indexDividendYield | number:'1.2-2'}}%</ion-label>
    </ion-item>

  </ion-list>

---

您能发布html文件内容吗？比如你是怎么做的

同时，您可以检查数据的属性，而不仅仅是主数据对象

*ngIf=“snapshot && snapshot.sector”

---

这实际上是@ionic/angular 4.7.0版本的问题：角度变化检测被破坏。

实际的问题是：直接导航到一个页面会按预期工作，但导航到另一个选项卡（例如，Do Dot）

升级到使用@ionic/angular framework的4.7.1，这将解决此问题

---

有关更多详细信息，请参阅此链接：

能否在模板中显示

ngIf

，以及在模板中签入的变量？共享您的代码？你的模板文件和生命周期挂钩事件？你可以查看angular APP_初始值设定项，它用于在加载应用程序之前执行操作。您可以使用APP_初始值设定项预取数据并将其存储在服务中。当模板加载时，它可以从该服务获取数据。我添加了您提出的建议。但是列表项没有显示。但是，当我使用chrome调试器工具进行检查时，快照变量的数据就在那里。模板在加载数据之前呈现，并且不会随数据更新，或者在加载数据之后呈现。

*ngIf=“snapshot && snapshot.sector”