linkJsonPipe
npm Package | @angular/common |
---|---|
Module | import { JsonPipe } from '@angular/common'; |
Source | common/src/pipes/json_pipe.ts |
NgModule | CommonModule |
Converts value into JSON string.
linkHow To Use
expression | json
linkDescription
Converts value into string using JSON.stringify
. Useful for debugging.
linkExample
@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]}};
}