通过绑定到键的数组迭代（动态）

Question

示例键绑定数组

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

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

Say 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