通过观测角度JS 2 JSON字符串迭代 [英] Iterate through json string in Observable angular js 2

问题描述

以下是我的html code，

Following is my html code,

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

在我的JSON，

and in my json,

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

这是工作，但我需要通过这个JSON字符串，

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

这code是在JavaScript我想这样做的打字稿。

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

推荐答案

您可以创建一个自定义管道返回键列表中的每个元素。
这样的事情：

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

和使用这样的：

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

这篇关于通过观测角度JS 2 JSON字符串迭代的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！