JSON Visual Pipe

This Angular Pipe dumps an object, array or even Observables into a visual representation of the data thats interactive, allowing you to collapse or exapnd objects. Must have for any developer!

Installation

npm install json-visual-pipe

Scaffolding

Import the module into your project under imports

imports: [
    BrowserModule,
    AppRoutingModule,
    JsonvModule,
  ],

Use

In the following example, the jsonv pipe may be used with objects and arrays

<div [innerHTML]="dataObject | jsonv"></div>

also use jsonv pipe to dump Observables

<div [innerHTML]="(dataObject$ | async) | jsonv"></div>