Ionic Angular - ngFor 内容不显示但数组有成员

Question

自从最后一天以来我一直在努力解决这个问题，我检查了 StackO 上的所有相关 post 但找不到与我的问题相关的任何内容...

我的一个 ngFor（离子项目上的那个）没有显示内容，但它的链接数组至少包含一个成员。

我通过使用 {{ alphas | 显示我的大多维数组的内容来检查这一点json}}.

模板中显示的json对象的画面如下：

可以看到"employees"是一个数组，包含一个成员

这是导致我的模板出现问题的代码部分：

<ion-item-group *ngFor="let alpha of alphas">
      <ion-item-divider color="light" *ngFor="let workplace of alpha?.workplaces">{{alpha?.letter}}</ion-item-divider>
        <ion-item *ngFor="let employee of workplace?.employees"> <!-- This is not displaying -->
          <ion-avatar item-start>
            <img src="assets/imgs/BK.png"> <!-- changer pour {{workplace.imgUrl}} -->
            <ion-icon *ngIf="employee?.connected" name="md-square" color="orange" style="font-size: 10px; position: absolute;left: 50px;bottom: 22.5px;">
            </ion-icon>
          </ion-avatar>
          <h2>
            Zerdiz, 35 
            <ion-icon name="md-star" color="orange"></ion-icon>
            <ion-icon name="md-star" color="orange"></ion-icon>
            <ion-icon name="md-star" color="orange"></ion-icon>
            <ion-icon name="md-star-half" color="orange"></ion-icon>
            <ion-icon name="md-star-outline" color="orange"></ion-icon>
          </h2>
          <h3>Burger King Nice</h3>
          <p>Service</p>
        </ion-item></ion-item-group>

感谢所有愿意抽出时间来 read/answer 的人。

Answer 1

通过将 ion-item-divider 和 ion-item 包装在一个 div 中解决了这个问题，就像@ConnorsFan 的评论所建议的那样。谢谢。

Ionic Angular - ngFor 内容不显示但数组有成员

Ionic Angular - ngFor content not displaying but array has members

multidimensional-array

angular-template

ionic-framework

ngfor

angular