Question

以下是我的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中我想在打字稿中执行此操作。

Answer 1

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

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

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

1 个答案: