我有一个名为 dadosRelatorio
的数组,我需要在模板中迭代该数组,我在 http 请求中获取该数组:
[{"id": 1,
"name": "a",
"class":[{
"Inglês":[{
"id": 1,
"code": "teste"
},
{
"id": 2,
"code": "teste 2"
}],
"Espanhol":[{
"id": 1,
"code": "a"
}]
}]
}]
如果类内的对象具有不同的名称属性,我如何迭代它们?有时名称可以是“Inglês”,有时可以是“Espanhol”和其他名称...
当我知道属性的名称时,我会这样做:
<div *ngFor="let aluno of dadosRelatorio" class="div-aluno">
<span>Aluno: {{ aluno.name }}</span>
<div *ngFor="let classe of aluno.class">
<div *ngFor="let idioma of classe. ???>
</div>
</div>
</div>
但是我如何迭代类内的对象?
最佳答案
您可以使用 keyvalue
管道进行迭代,如下所示:
<div *ngFor="let aluno of dadosRelatorio" class="div-aluno">
<span>Aluno: {{ aluno.name }}</span>
<div *ngFor="let classe of aluno.class | keyvalue">
<div> {{classe.key}}</div>
<div *ngFor="let type of classe.value | keyvalue">
{{type.key}}
<div *ngFor="let data of type.value | keyvalue">
{{data.value.id }}
{{data.value.code }}
</div>
</div>
</div>
</div>
关于json - 我如何在不知道 name 属性的对象数组中执行 *ngFor ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60231347/