我试图在多维数组中使用* ngFor angular指令显示一些数据 . 第一个ngFor进展顺利,但我在第三个ngFor上出错:
无法读取未定义的属性“员工”
这意味着我的第二个ngFor正在生成和未定义 employee
变量 . 为什么会这样?
我究竟做错了什么 ?
“alphas”数组是链接到此模板的类的私有属性,包含1个字母“B”的值以及“workplaces”数组中的至少一个工作区,工作区本身至少包含一个雇员“员工”阵列 . 这应该不行吗?
这是我的模板的代码:
<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 回答
尝试使用安全导航操作符如下,