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自己解释的一种小语言。我猜它只能解释一些基本的结构