NGFOR不起作用,也没有提供数据
我必须进行2个嵌套ngfor
,第一个按预期起作用,第二个根本不起作用。
它在第二个完全没有显示数据。
这是我的代码:
component.html
<p-accordion *ngIf="!isLoading">
<p-accordionTab
*ngFor="let userDepartment of userDepartments"
[header]="[userDepartment.department]">
<a *ngFor="let user of userDepartment.users"
[routerLink]="[user.id]"
routerLinkActive="active">{{user.displayName}}</a>
</p-accordionTab>
</p-accordion>
userDepartment.ts
import { SkillUser } from "./skillUser";
export interface UserDepartment{
department: string;
users: SkillUser[];
}
I have to 2 nested ngFor
, the first one works as expected, the second does not work at all.
It shows no data at all for the second.
Here is my code:
component.html
<p-accordion *ngIf="!isLoading">
<p-accordionTab
*ngFor="let userDepartment of userDepartments"
[header]="[userDepartment.department]">
<a *ngFor="let user of userDepartment.users"
[routerLink]="[user.id]"
routerLinkActive="active">{{user.displayName}}</a>
</p-accordionTab>
</p-accordion>
UserDepartment.ts
import { SkillUser } from "./skillUser";
export interface UserDepartment{
department: string;
users: SkillUser[];
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果我可以看到所有相关的代码,将更容易回答。但是尝试使用索引:
It would be easier to answer if I could see all related codes. But try using index: