在 Observable Angular js 2 中迭代 json 字符串

以下是我的html代码，

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

在我的 json 中，

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

这是可行的，但我需要迭代这个 json 字符串，

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

这段代码是 JavaScript 代码，我想在 TypeScript 中执行此操作。

您可以创建一个自定义管道来返回每个元素的键列表。 像这样的东西：

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

并像这样使用它：

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