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

Question

Я пытаюсь выполнить итерацию через объект 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> 

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

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

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

Answer 1

Я думаю, что вы можете сделать это следующим образом:

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

Plunker Example