https://github.com/jeganathpv/json2tree
npm library to convert JSON Object or string into Tree structure - Json2TreeModule - Angular 11
https://github.com/jeganathpv/json2tree
angular angular11 component json library node node-module npm package tree
Last synced: about 1 year ago
JSON representation
npm library to convert JSON Object or string into Tree structure - Json2TreeModule - Angular 11
- Host: GitHub
- URL: https://github.com/jeganathpv/json2tree
- Owner: jeganathpv
- License: mit
- Created: 2021-06-27T08:08:10.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-11T14:13:04.000Z (over 4 years ago)
- Last Synced: 2025-02-07T20:36:51.896Z (about 1 year ago)
- Topics: angular, angular11, component, json, library, node, node-module, npm, package, tree
- Language: TypeScript
- Homepage:
- Size: 298 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Ngx-JSON-Tree
## JSON data to Tree View
This library is mainly created to easily visualize JSON data/string into Object tree.
It was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.
## Installation
`npm install json2-tree`
To save this in dependencies:
`npm install json2-tree --save`
## Usage
In your parent module, Import `Json2TreeModule`
```html
@NgModule({
...,
imports: [
...,
Json2TreeModule,
...
],
...
})
export class AppModule { }
```
In your component:
``
To expand all nodes:
``
To expand only 2 levels:
``
## Example
An example for this project can be found at [github-pages](https://github.com/jeganathpv/json2tree) of this repository
## Properties
Name | Type | Default | Description
----|----|----|----
data|any|null| JSON Object or string to display
expandAllNodes|boolean| false| Set this to `true` to expand all the nodes(If available)
expandLevel|number|-1|To expand nodes for given levels
separator|string|:|To change the separator
style|any|null|Inline style of the component
## Styles Used
Name|Element
----|----
jtree-node| Node element
jnode-toggler| Toggle element
jnode-key| Node key element
jnode-separator| Separator element
jnode-value| Node value element
child-jnode| Children (or) Nested Node element
## Dependencies
None.
## Changelog
> v1.0.0
- Initial Release
## Development
Want to contribute? Great!
Make a change in your file and instantaneously see your updates!
## Credits
A credit to [JSON formatter](https://jsonformatter.org/) where I got the idea to develop this.
## Further help
To get more on this, go and check out the [json2-tree](https://github.com/jeganathpv/json2tree) github page.
### Reach out to me
> [Jeganath PV](https://jeganathpv.github.io/)
*Thank you!*