nxt-json-view
TypeScript icon, indicating that this package has built-in type declarations

17.0.1 • Public • Published

Angular JSON viewer

GitHub license npm scope

An interactive JSON view component for Angular.

Quick links

Installing

npm install --save nxt-json-view

Import JSON view module

import { JsonViewModule } from 'nxt-json-view'

@NgModule({
    ...
    imports: [
        ...
        JsonViewModule
    ]
})

Prepare JSON data

data = {
    "name": "nxt-json-view",
    "url": "https://github.com/Liquid-JS/nxt-components/tree/master/packages/json-view",
    "string": "github",
    "number": 88,
    "boolean": true,
    "object": {
        "obj1": "obj1",
        "obj2": "obj2",
        "object": {
            "obj11": "obj11",
            "obj22": "obj22"
        },
        "emptyArray": []
    },
    "array": [
        1,
        2,
        3
    ],
    "date": new Date(),
    "null": null
}

Use it in a template

<nxt-json-view [data]="data"></nxt-json-view>

Package Sidebar

Install

npm i nxt-json-view

Weekly Downloads

161

Version

17.0.1

License

MIT

Unpacked Size

57.3 kB

Total Files

18

Last publish

Collaborators

  • hitko