How to iterate object keys using *ngFor?

Question

I\'ve been digging around, and found out that I can use the following to use *ngFor over an object:

 
...         


        
      

Answer 1

Update

In 6.1.0-beta.1 KeyValuePipe was introduced https://github.com/angular/angular/pull/24319

  {{ item.key }} - {{ item.value }}

Plunker Example

Previous version

You could try something like this

export class ObjNgFor implements PipeTransform {
    transform(value: any, args: any[] = null): any {
        return Object.keys(value).map(key => Object.assign({ key }, value[key]));
    }
}

And then on your template

  

   {{obj.key}} - {{obj.description}}
  

Plunker