How can I use ngFor to iterate over Typescript Enum as an array of strings

by

You can just use the “keyvalue” pipe introduced in Angular 6.1.

<p *ngFor="let enum of TestEnum | keyvalue">
  {{ enum.key }} - {{ enum.value}}
</p>

See here for a full example ->
https://stackblitz.com/edit/angular-gujg2e

More Related Contents:

  1. Angular HTML binding
  2. angular2: Error: TypeError: Cannot read property ‘…’ of undefined
  3. Angular2: Cannot read property ‘name’ of undefined
  4. NgFor doesn’t update data with Pipe in Angular2
  5. How can I write data attributes using Angular?
  6. Angular2 multiple router-outlet in the same template
  7. OrderBy pipe issue
  8. Angular 2 Scroll to top on Route Change
  9. Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’ (final release)
  10. How to instantiate and apply directives programmatically?
  11. Angular 2 Read More Directive
  12. Angular2: How is ngfor expanded
  13. How to add “class” to host element?
  14. vs
  15. Angular2 – Interpolate string with html
  16. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  17. Angular 2 input parameters on root directive [duplicate]
  18. What is let-* in Angular 2 templates?
  19. How to truncate text in Angular2?
  20. Angular 2: How to write a for loop, not a foreach loop
  21. How to detect scroll to bottom of html element
  22. How to check the length of an Observable array
  23. Angular 2 disable sanitize
  24. Why angular 2 ngOnChanges not responding to input array push
  25. Angular – Use pipes in services and components
  26. Deep copying objects in Angular
  27. HttpClient POST request using x-www-form-urlencoded
  28. Dynamically load a component inside a Material MatDialog
  29. What is the lifecycle of a service in Angular 5
  30. Do we need to unsubscribe from observable that completes/errors-out?

Leave a Comment