Iterate through json string in Observable angular js 2

Question

Following is my html code,

                       
                 {{c.name}}
                <         


        

Answer 1

You could create a custom pipe to return the list of key for each element. Something like that:

@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
  transform(value, args:string[]) : any {
    let keys = [];
    for (let key in value) {
      keys.push(key);
    }
    return keys;
  }
}

and use it like that:

<tr *ngFor="#c of content | async">           
  <td *ngFor="#key of c | keys">{{key}}: {{c[key]}}</td>
</tr>