javascript - 迭代绑定(bind)到键的数组(动态)

Question

示例键绑定(bind)数组

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

要从对象获取 key ，您可以使用以下函数:

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