Javascript 遍历绑定到键的数组(动态)

Javascript 遍历绑定到键的数组(动态),javascript,angular,typescript,ionic-framework,ngfor,Javascript,Angular,Typescript,Ionic Framework,Ngfor,示例键绑定数组 this.obj = { key1 : [...], key2 : [...], . . keyn : [...] } 我有两个*ngFor循环,其中键(上述键)从外部*ngFor使用,以定义内部*ngFor 假设keyVar是我从外部循环得到的变量。 我试着用以下方法实现,但没有一种方法奏效 *ngFor = "let item of obj.{{keyVar}}" *ngFor = "let item of obj[keyVar]" 我如何实现它才

示例键绑定数组

this.obj = { 
  key1 : [...],
  key2 : [...],
  .
  .
  keyn : [...] 
}
我有两个
*ngFor
循环,其中键(上述键)从外部
*ngFor
使用,以定义内部
*ngFor

假设
keyVar
是我从外部循环得到的变量。 我试着用以下方法实现,但没有一种方法奏效

*ngFor = "let item of obj.{{keyVar}}"
*ngFor = "let item of obj[keyVar]"
我如何实现它才能完美地工作


附言:我正在使用第二个
*ngFor
作为
ng选项
。因此,分配一个单独的变量并从中调用是不起作用的。

要从对象中获取键,可以使用以下函数:

getKeys(): string[] {
  return Object.keys(this.obj);
}
然后在您的组件中使用它,如下所示:

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

{{key}}:
{{item}}

以下是

并非有意粗鲁,但我建议您避免将问题标记为“紧急”:]]]]谢谢!工作得很有魅力。我尝试在ngFor中使用函数,但不记得为什么失败了。@AkashChintha不客气!我很乐意帮忙。函数可能会失败,因为分配给
*ngFor
的字符串不是模板表达式。这是一种微语法——Angular自己解释的一种小语言。我猜它只能解释一些基本的结构