json pipe

The json pipe is particularly helpful for debugging bindings:

Source

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

export class AppComponent {
  data = {
    field: 'value',
    obj: {
      innerField: '123',
    },
  };
}

Result

{ "field": "value", "obj": { "innerField": "123" } }