如何正确解析 Angular2 中的 Object 对象？

Question

我正在尝试遍历具有以下结构的 json 对象。

根据在 Whosebug 上找到的建议，我添加了一个管道来处理此类对象。

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

然后我尝试使用 *ngFor 指令，如下所示：

<span *ngFor="let entry of permissions | keysPipe">
  {{entry.key}} {{entry.value}}
</span>

我得到的是这个

我该如何解决？

提前致谢。

Answer 1

我想你可以这样做：

<span *ngFor="let permission of permissions.permissions">
  {{permission.id}} {{permission.email}}
</span>

Plunker Example

如何正确解析 Angular2 中的 Object 对象？

How to correctly parse Object object in Angular2?

ngfor

angular