How to iterate object keys using *ngFor?

by

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"

More Related Contents:

  1. access key and value of object using *ngFor
  2. Dynamically add event listener
  3. I get “Http failure response for (unknown url): 0 Unknown Error” instead of actual error message in Angular
  4. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  5. Use component from another module
  6. How to use `trackBy` with `ngFor`
  7. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  8. Angular and Typescript: Can’t find names – Error: cannot find name
  9. Angular 2 Scroll to top on Route Change
  10. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  11. Getting “Uncaught (in promise): TypeError: Object(…) is not a function” Error from Ionic-native VideoEditor Plugin
  12. Typescript/Angular/ES6: can I finally let `hasOwnProperty()` die in for loops?
  13. async/await in Angular `ngOnInit`
  14. Angular 2 Form “Cannot find control with path”
  15. vs
  16. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  17. Angular 2 Basic Authentication not working
  18. How to smooth scroll to page anchor in angular 4 without plugins properly?
  19. Property ‘json’ does not exist on type ‘Object’
  20. inject() must be called from an injection context
  21. Update parent component property from child component in Angular 2
  22. How to use variable to define templateUrl in Angular2
  23. Behaviour subject initial value null?
  24. How to Using a FormArray in a FormGroup
  25. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  26. How to validate white spaces/empty spaces? [Angular 2]
  27. How to create variable in ngFor loop?
  28. Call a function every 10 seconds Angular2
  29. How to change angular material datepicker format
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment