角度 ngIf 问题 - html 未呈现 - 数据存在

Question

我在从API检索页面上显示的数据时遇到问题。

API 正在返回对象数组，所以我有多个 *ngIf 以便知道要显示的 html div。重要的是要说API不是每次都返回所有对象，这取决于数据。

问题是，在第一次调用 API 后，html 被正确呈现，所有内容都按预期显示。在第二次调用时（输入参数现在当然不同了），API 返回不同的数据（更多对象），但 HTML 是相同的，所以我在页面上缺少几个 div。如果我刷新页面并再次调用 API，我会得到呈现良好的 html。

console.log（this.data）总是显示正确的信息。

我试过用这个changeDetector。detectChanges（）和this.ngZone。运行SO上的解决方案，但这并没有解决我的问题。

还有什么我可以尝试的吗？

这是我的代码示例:

this.repoService.getData(а, b)
 .subscribe(res => {
   this.data = res as ApiData;
})

对于每个对象，我有几个这样的假设

if (this.data.objectA === undefined || this.data.objectA.length === 0) {
            this.objectAExist = false;
}

export interface ApiData {
    objectA: aData[];
    objectB: bData[];
    objectC: cData[];
    objectD: dData[];

我也有几个像这样的 div 与 ngIf 和 ngFor。

<div *ngIf="objectAExist">
    <div *ngFor="let item of data.objectA">
      <div>
         <p>Label 1</p>
         <p>Label 2</p>
         <p>Label 3</p>
      </div>
    <div>
         <p>{{ item.Id }}</p>
         <p>{{ item.Name }}</p>
         <p>{{ item.Description }}</p>
         </div>
   </div>
</div>

Answer 1

我已经通过将逻辑移到html部分解决了这个问题。

我把这个换了

<div *ngIf="objectAExist">

有了这个

<div *ngIf="data.objectA.length > 0">

一切都如预期的那样运转。