Use this online ngx-json-viewer playground to view and fork ngx-json-viewer example apps and templates on CodeSandbox.

import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ..., NgxJsonViewerModule, ...

import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ..., NgxJsonViewerModule, ...

Demo for ngx-json-viewer

<ngx-json-viewer [json]="someObject"></ngx-json-viewer> To collapse all nodes at first: <ngx-json-viewer [json]="someObject" [expanded]="false"></ngx-json-viewer> RG-Slider : AngularJS Range Slider · Angular HTML5 Drag and Drop Directive · AngularJS Pageslide Directive ·

material_1.MatInputModule, material_1.MatRadioModule, material_1.MatSelectModule, material_1.MatSliderModule, material_1.MatProgressBarModule, material_1.MatTabsModule, material_1.MatButtonToggleModule, forms_1.ReactiveFormsModule, table_1.TableModule, angular2_text_mask_1.TextMaskModule, ngx_echarts_1.NgxEchartsModule, angular2_toaster_1.ToasterModule.forRoot(), primeng_1.TooltipModule, app_routing_module_1.AppRoutingModule, dynamic_form_builder_module_1.DynamicFormBuilderModule, ngx_json_viewer_1.NgxJsonViewerModule, fusejs_module_1.FuseJsModule, ngx_order_pipe_1.OrderModule, ngx_pagination_

November 21, 2022 - A free, fast, and reliable CDN for ngx-json-viewer. JSON formatter / viewer for Angular

import { NgxJsonSchemaViewerComponent, JSV_OPTIONS } from "ngx-json-schema-viewer"; import { Component } from '@angular/core'; @Component({ selector: 'app-root', standalone: true, imports: [NgxJsonSchemaViewerComponent], providers: [ { provide: JSV_OPTIONS, useValue: {} } ], template: ` <div> <ngx-json-schema-viewer [schema]="jsonSchema"></ngx-json-schema-viewer> </div> ` }) export class AppComponent { // Your JSON Schema here jsonSchema = { "type": "array", "items": [ { "type": "integer" }, { "type": "string" } ], "additionalItems": false }; } Parameter ·

selector: 'ngx-json-viewer', templateUrl: './ngx-json-viewer.component.html', styleUrls: ['./ngx-json-viewer.component.scss'] }) export class NgxJsonViewerComponent implements OnChanges { · @Input() json: any; @Input() expanded = true; @Input() depth = -1; ·

Angular Example - Getting Started

JSON formatter / viewer for Angular · github.com/hivivo/ngx-json-viewer

<ngx-json-viewer class="" [json]="avroData" [expanded]="false"></ngx-json-viewer>

June 18, 2018 - Yet another JSON formatter and viewer for Angular 2/4/5/6+. # NPM $ npm install ngx-json-viewer --save · Facebook · Prev Next · Tags: JSON · Microsoft Fluent Buttons for Angular Material · May 13, 2021 · Smoking Hot Angular Notifications – hot-toast ·

import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ..., NgxJsonViewerModule, ...

"homepage": "https://github.com/hivivo/ngx-json-viewer#readme", "scripts": { "build": "ng-packagr -p ng-package.json", "release": "yarn build && yarn publish ./dist", "start": "yarn build && yarn --cwd ./example add ../dist && yarn --cwd ./example start" }, "dependencies": {}, "devDependencies": { "@angular/common": "^14.0.0", "@angular/compiler": "^14.0.0", "@angular/compiler-cli": "^14.0.0", "@angular/core": "^14.0.0", "ng-packagr": "^14.0.2", "rxjs": "~7.5.0", "tslib": "^2.3.0", "typescript": "~4.7.2", "zone.js": "~0.11.4" } }

import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ..., NgxJsonViewerModule, ...

import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ..., NgxJsonViewerModule, ...

import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ..., NgxJsonViewerModule, ...