Angular 2 pipe that transforms JSON object to pretty-printed JSON

by

I would like to add an even simpler way to do this, using the built-in json pipe:

<pre>{{data | json}}</pre>

This way, the formatting is preserved.

More Related Contents:

  1. Filter JSON by key value with JavaScript
  2. Angular 5 Service to read local .json file
  3. ngRepeat Filter by deep property
  4. Separate Angular2 TypeScript files and JavaScript files into different folders, maybe ‘dist‘
  5. Whats the difference between using a class and interface?
  6. Load JSON content from a local file with http.get() in Angular 2
  7. How to insert into JSON?
  8. How do I return the response from an Observable/http/async call in angular?
  9. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  10. Is the order of elements in a JSON list preserved?
  11. jQuery.parseJSON throws “Invalid JSON” error due to escaped single quote in JSON
  12. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  13. How to convert JSON to CSV format and store in a variable
  14. Merge keys array and values array into an object in JavaScript
  15. Wait for multiple promises to finish
  16. How might I extract the property values of a JavaScript object into an array?
  17. Is this simple string considered valid JSON?
  18. Angular 2: Callback when ngFor has finished
  19. Upgrading to angular-6.x gives “Uncaught ReferenceError: global is not defined”
  20. Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?
  21. How to subscribe to an event on a service in Angular2?
  22. Not a Legal JSONP API — How to get data without CALLBACK parameter
  23. d3 js – loading json without a http get
  24. Removing undefined values from Array
  25. How to use onBlur event on Angular2?
  26. IE10/11 Ajax XHR error – SCRIPT7002: XMLHttpRequest: Network Error 0x2ef3
  27. TypeError: Converting circular structure to JSON in nodejs
  28. How to check empty object in angular 2 template using *ngIf
  29. XML parser for JavaScript [closed]
  30. Recursive tree search in a nested object structure in JavaScript

Leave a Comment