Как правильно разобрать объект Object в Angular2?

Я пытаюсь перебрать объект json, имеющий следующую структуру.

введите здесь описание изображения

Основываясь на предложениях, найденных в stackoverflow, я добавил канал для обработки таких объектов.

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

И я получаю это

введите здесь описание изображения

Как я могу это исправить?

Заранее спасибо.


person Billy Logan    schedule 22.02.2017    source источник


Ответы (1)


Думаю, можно так:

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

Пример Plunker

введите здесь описание изображения

person yurzui    schedule 22.02.2017