Angular 5/6 +的JSON格式化程序和查看器

Angular 5/6 +的JSON格式化程序和查看器
插件名称 ngx-json-viewer
发布时间 2020年5月18日
插件作者 hivivo

Angular 2/4/5/6 +的另一个JSON格式化程序和查看器。

安装:

# NPM
$ npm install ngx-json-viewer --save

使用:

在你的app.module.ts 导入 NgxJsonViewerModule

import { NgxJsonViewerModule } from 'ngx-json-viewer';

@NgModule({
  ...,
  imports: [
    ...,
    NgxJsonViewerModule,
    ...
  ],
  ...
})
export class AppModule { }

在您的组件中:

<ngx-json-viewer [json]="someObject"></ngx-json-viewer>

首先折叠所有节点:

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