Iterate a Json Object with ngFor

by

You can get the keys from an object using Object.keys (requires polyfill in IE AFAIK)

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'keys' })
export class KeysPipe implements PipeTransform {
  transform(value): any {
    if(!value) return null;
    return Object.keys(value);
  }
}

<div *ngFor="let key of member | keys">{{member[key]}}</div>

For Angular 6 see How to iterate object keys using *ngFor

More Related Contents:

  1. Angular 2+ and Observables: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘select’
  2. How to import JSON File into a TypeScript file?
  3. How to fetch JSON file in Angular 2
  4. Angular 2: Get Values of Multiple Checked Checkboxes
  5. get multiple checkbox value as an array in angular
  6. How to get Date object from json Response in typescript
  7. How to parse a JSON object to a TypeScript Object
  8. Angular: ‘Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays’
  9. iteration a json object on Ngfor in angular 2
  10. Angular2 Ansychronous bootstrapping with external json configuration file
  11. Angular: Typescript casting JSON response as object model not working
  12. Create REST API without using any backend
  13. Does JSON syntax allow duplicate keys in an object?
  14. Swift 4 Decodable with keys not known until decoding time
  15. Using codable with value that is sometimes an Int and other times a String
  16. How to parse/deserialize dynamic JSON
  17. What are the differences between application/json and application/x-www-form-urlencoded?
  18. Add JSON serializer to every model class?
  19. How do I send a JSON string in a POST request in Go
  20. Can JSON numbers be quoted?
  21. Cannot read property of ‘xxx’ of undefined
  22. Import more than 1 json file using mongoimport
  23. Why does RestTemplate not bind response representation to PagedResources?
  24. Read Json file into a data.frame without nested lists
  25. Parsing multiple JSON objects in Go
  26. Safe value must use [property]=binding after bypass security with DomSanitizer
  27. Reading JSON with Apache Spark – `corrupt_record`
  28. Convert two types into a single type with Serde
  29. Filter Array Using Checkboxes with AngularJS
  30. How can I do JSON serializer ignore navigation properties?

Leave a Comment