Simple json explorer angular directive that uses raw json data as source.
This module is based in the firefox jsonview extenrsion made by Ben Hollis: https://github.com/bhollis/jsonview/
Check the demo folder (demo.html) for a simple example.
<script src="gd-ui-jsonexplorer.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="../src/gd-ui-jsonexplorer.css" />
$scope.data = {
'name': 'Json Explorer',
'qty': 10,
'has_data': true,
'arr': [
10,
'str',
{
'nested': 'object'
}
],
'obj': {
'hello': 'world'
}
};
<json-explorer json-data="{{data}}"></json-explorer>
<json-explorer json-url="http://myurl.com"></json-explorer>
<json-explorer json-data="{{data}}" collapsed="true"></json-explorer>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent