首页 > 解决方案 > NgIf 数据正在加载,但一开始没有显示数据

问题描述

我有一个加载用户当前活动的页面。如果用户离开该活动,它会显示一个没有活动的不同模板。

当前活动.page.html

<div *ngIf="activities;then temp_activities; else temp_no_activities"></div>
    <ng-template #temp_activities>
    </ng-template>

    <ng-template #temp_no_activities>
    </ng-template>

当前活动.page.ts

  ionViewDidEnter() {
    return this.activitiesService.getCurrentActivityDetails().subscribe(data => {
      this.activities = data;
    }),
    (err) => {
      console.log (err)
    };
  }

数据正确加载,但在第一秒我加载页面时它显示了#temp_no_activities,它不应该,因为有数据。之后它正确显示#temp_activities。有什么想法吗?

标签: angularangular-ng-if

解决方案


推荐阅读