W3cubDocs

/Angular 4 TypeScript

JsonPipe

Stable Pipe

What it does

Converts value into JSON string.

How to use

expression | json

NgModule

CommonModule

Description

Converts value into string using JSON.stringify. Useful for debugging.

Example

@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]}};
}

exported from common/index defined in common/src/pipes/json_pipe.ts

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://angular.io/docs/ts/latest/api/common/index/JsonPipe-pipe.html