pipe
impure
Converts a value into its JSON-format representation. Useful for debugging.
{{ value_expression | json }}
value | any | A value of any type to convert into a JSON-format string. |
The following component uses a JSON pipe to convert an object to JSON format, and displays the string in both formats for comparison.
@Component({ selector: 'json-pipe', template: `<div> <p>Without JSON pipe:</p> <pre>{{object}}</pre> <p>With JSON pipe:</p> <pre>{{object | json}}</pre> </div>` }) export class JsonPipeComponent { object: Object = {foo: 'bar', baz: 'qux', nested: {xyz: 3, numbers: [1, 2, 3, 4, 5]}}; }
© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v10.angular.io/api/common/JsonPipe