遍历绑定到键的数组（动态）

Question

示例键绑定数组

this.obj = { 
  key1 : [...],
  key2 : [...],
  .
  .
  keyn : [...] 
}

我有这 2 个*ngFor 循环，其中使用外部*ngFor 的键（上述键）来定义内部*ngFor。

说keyVar 是我从外循环得到的变量。 我尝试通过以下方式实现，但没有奏效。

*ngFor = "let item of obj.{{keyVar}}"
*ngFor = "let item of obj[keyVar]"

如何实现它才能完美运行？

P.S：我将第二个 *ngFor 用于 ng-options。因此，分配一个单独的变量并从中调用是行不通的。

Answer 1

要从对象中获取密钥，您可以使用以下函数：

getKeys(): string[] {
  return Object.keys(this.obj);
}

然后在你的组件中像这样使用它：

<div *ngFor="let key of getKeys()">
  {{key}}:
  <div *ngFor="let item of obj[key]">{{item}}</div>
</div>

这里是working demo