Angular2访问嵌套JSON

2024-02-23

我是 Typescript 中 Angular 2 的新手。我想使用 NgFor 访问 JSON 的 D 和 G。有没有办法访问元素?

[
  {
   "A":"B",
   "C":{
      "D": ["E","F"],
      "G": ["H"]
 } 
}

]

我还创建了一个 Plunker:Plunker https://plnkr.co/edit/QXcPqDI8SljFumEYs5Xq?p=preview


ngFor 无法直接迭代对象的键。你必须自己处理这件事。

管道工作良好。例子:更新了Plunker https://plnkr.co/edit/ahuTCHQ5aAkAHDix9iOu

@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
    transform(value: any, args?: any[]): any[] {
        let keys = Object.keys(value),
            data = [];

        keys.forEach(key => {
            data.push(value[key]);
        });

        return data;
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular2访问嵌套JSON 的相关文章

随机推荐