Pipes Demo - Json Pipe

json-pipe.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-json-pipe',
  template:  `
    <p>Object: {{data}}</p>
    <p>Object with JsonPipe: {{data | json}}</p>

    <p>array: {{array}}</p>
    <p>array: {{array | json}}</p>
  `,
  styleUrls: []
})
export class JsonPipeComponent {
  
  data: object = {
    name: 'Qarun', age: 25, food: 'Cheesecake',
    languages: [
      { name: 'JavaScript', proficiency: 'Wizard' },
      { name: 'Python', proficiency: 'Avergae' },
      { name: 'Elixir', proficiency: 'Beginner'}
    ]
  };
  
  array: number[] = [1,2,3,4,5,6];
  
}