{"id":15581576,"url":"https://github.com/jeganathpv/json2tree","last_synced_at":"2026-04-13T00:11:08.452Z","repository":{"id":124291119,"uuid":"380685024","full_name":"jeganathpv/json2tree","owner":"jeganathpv","description":"npm library to convert JSON Object or string into Tree structure - Json2TreeModule - Angular 11","archived":false,"fork":false,"pushed_at":"2021-07-11T14:13:04.000Z","size":305,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-07T20:36:51.896Z","etag":null,"topics":["angular","angular11","component","json","library","node","node-module","npm","package","tree"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jeganathpv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-27T08:08:10.000Z","updated_at":"2021-08-03T05:36:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"fbba235b-7bd1-489b-b939-d50d88814a0e","html_url":"https://github.com/jeganathpv/json2tree","commit_stats":{"total_commits":12,"total_committers":2,"mean_commits":6.0,"dds":0.25,"last_synced_commit":"a4d7ed92e9e202185545a552cb9b07b7ca13bf3c"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeganathpv%2Fjson2tree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeganathpv%2Fjson2tree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeganathpv%2Fjson2tree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeganathpv%2Fjson2tree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeganathpv","download_url":"https://codeload.github.com/jeganathpv/json2tree/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240594135,"owners_count":19826106,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular11","component","json","library","node","node-module","npm","package","tree"],"created_at":"2024-10-02T19:50:27.519Z","updated_at":"2026-04-13T00:11:08.414Z","avatar_url":"https://github.com/jeganathpv.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ngx-JSON-Tree\n## JSON data to Tree View\n\nThis library is mainly created to easily visualize JSON data/string into Object tree.\nIt was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.\n\n## Installation\n\n`npm install json2-tree`\n\nTo save this in dependencies:\n`npm install json2-tree --save`\n\n## Usage\n\nIn your parent module, Import `Json2TreeModule`\n\n```html\n@NgModule({\n  ...,\n  imports: [\n    ...,\n    Json2TreeModule,\n    ...\n  ],\n  ...\n})\nexport class AppModule { }\n```\n\nIn your component:\n`\u003cjson2-tree [data]=\"data\"\u003e\u003c/json2-tree\u003e`\n\nTo expand all nodes:\n`\u003cjson2-tree [data]=\"data\" [expandAllNodes]=true\u003e\u003c/json2-tree\u003e`\n\nTo expand only 2 levels:\n`\u003cjson2-tree [data]=\"data\" [expandLevel]=2\u003e\u003c/json2-tree\u003e`\n\n## Example\n\nAn example for this project can be found at [github-pages](https://github.com/jeganathpv/json2tree) of this repository \n\n## Properties\n\nName | Type | Default | Description\n----|----|----|----\ndata|any|null| JSON Object or string to display\nexpandAllNodes|boolean| false| Set this to `true` to expand all the nodes(If available)\nexpandLevel|number|-1|To expand nodes for given levels\nseparator|string|:|To change the separator\nstyle|any|null|Inline style of the component\n\n## Styles Used\nName|Element\n----|----\njtree-node| Node element\njnode-toggler| Toggle element\njnode-key| Node key element\njnode-separator| Separator element\njnode-value| Node value element\nchild-jnode| Children (or) Nested Node element\n\n## Dependencies\nNone.\n\n## Changelog\n\n\u003e v1.0.0\n\n- Initial Release\n\n## Development\n\nWant to contribute? Great!\n\nMake a change in your file and instantaneously see your updates!\n\n## Credits\nA credit to [JSON formatter](https://jsonformatter.org/) where I got the idea to develop this.\n\n## Further help\n\nTo get more on this, go and check out the [json2-tree](https://github.com/jeganathpv/json2tree) github page.\n\n### Reach out to me\n\u003e [Jeganath PV](https://jeganathpv.github.io/)\n\n*Thank you!*\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeganathpv%2Fjson2tree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeganathpv%2Fjson2tree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeganathpv%2Fjson2tree/lists"}