Angular2访问嵌套的JSON

Question

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

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

我还创建了一个Plunker：Plunker

Answer 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;
    }
}