代码拉取完成,页面将自动刷新
A JSON View component for Angular 2+ (基于angular 2+ 的JSON展示组件)
npm install ngx-json-view --save
ngx-json-view
npm install ngx-json-view --save
NgxJsonViewModule
import { NgxJsonViewModule } from 'ngx-json-view';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
NgxJsonViewModule
],
bootstrap: [AppComponent]
})
export class AppModule { }
data = {
"name": "twp0217",
"url": "https://github.com/twp0217",
"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
};
<ngx-json-view [data]="data"></ngx-json-view>
data
- Object
- 数据levelOpen
- number
- 初始化展开层数(初始值:0)此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型