代码之家 › 专栏 › 技术社区 › Pierrick Martellière

角度-无法读取未定义的“employees”属性

angular-template ngfor multidimensional-array angular arrays

0

Pierrick Martellière · 技术社区 · 6 年前

我正试图用*ngFor角度指令在多维数组中显示一些数据。第一个ngFor运行良好,但第三个ngFor出现错误:

无法读取未定义的属性“employees”

这意味着我的第二个ngFor正在产生和未定义 employee 变量。为什么会这样?

我做错什么了?

“alphas”数组是链接到此模板的类的私有属性,它包含一个带字母“B”的值以及“workplaces”数组中的至少一个工作区,而工作区本身在“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">
              <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>

感谢所有愿意花时间阅读/回答的人。

1 回复 | 直到 6 年前

1

Sajeetharan 6 年前

尝试使用安全导航操作员,如下所示,

 <ion-item-divider color="light" *ngFor="let workplace of alpha?.workplaces">{{alpha?.letter}}</ion-item-divider>
          <div *ngFor="let employee of workplace?.employees">