Angular2访问嵌套JSON

Posted 2023-03-13

【中文标题】Angular2访问嵌套JSON

【英文标题】：Angular2 access nested JSON

【发布时间】：2016-10-29 20:54:12

【问题描述】：

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

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

]

我还创建了一个 Plunker：Plunker

【问题讨论】：

简单地...访问它们有问题吗？这只是您每天的平均对象。

【参考方案1】：

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

管道运行良好。示例：Updated Plunkr

@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;
    

【讨论】：

好的。谢谢你。您无法在文档中阅读有关它的任何内容。

我发现 angular angular.io 上的文档非常棒。除了阅读文章之外，这是我的首选来源。