Question

我从虚拟json文件中获得了一个特定用户，看起来像这样：

"id": "2",
"name": "Marios Manolakeris",
"skills": [
     {
         "skill_1": "Machine Learning",
         "skill_2": "AI",
         "skill_3": "C++"
     }
]

即使理论上我不知道关键值skill_1，skill_2，skill_3，我也需要遍历技能。

因此，解决方案是这样做：

<div *ngFor="let skill of user.skills">{{skill.skill_1}}, {{skill.skill_2}}, {{skill.skill_3}}</div>

但是，我想自动遍历user.skills。

有什么办法吗？谢谢！

Answer 1

当键未知时，您可以使用sales_model_service_quote_submit_success，如下所示：

Object.keys

从6.1或更高版本开始，您可以按以下方式使用<div *ngFor="let skill of skills"> <div *ngFor="let item of skill | keyvalue"> {{item.value}} </div> </div>：

keyvaluepipe

在.ts

中

<div *ngFor="let skill of skills">
  <div *ngFor="let item of objectKeys(skill)">
        {{skill[item]}}
  </div>
</div>

这里的堆叠闪电战：https://stackblitz.com/edit/angular-fst8lm-bjg5hu

ngFor使用未知键迭代json子数组

1 个答案: