Iterate through json string in Observable angular js 2

Question

Following is my html code,

            <tr *ngFor="#c of content|async">           
                <td> {{c.name}}</td>
                <td>{{c.skill}}</td>
            </tr>

and in my json,

[{"name":"abc","skill":"xyz"}]

This is working but i need to iterate through this json string as,

var obj = {a: 1, b: 2};
for (var key in obj) {
  if (obj.hasOwnProperty(key)) {
    var val = obj[key];
    console.log(val);
  }
}

this code is in javascript I want to do this in typescript.

Thierry Templier · Accepted Answer · 2016-02-11 12:34:17Z

2

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>

answered Feb 11, 2016 at 12:34

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Iterate through json string in Observable angular js 2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related