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

Or instead of creating a pipe and passing an object to *ngFor, just pass Object.keys(MyObject) to *ngFor. It returns the same as the pipe, but without the hassle.

On TypeScript file:

let list = Object.keys(MyObject); // good old javascript on the rescue

On template (html):

*ngFor="let item of list"