Angular directive to convert JSON into human readable table. Inspired by https://github.com/marianoguerra/json.human.js.
Check out the demo here.
This directive requires lodash. I'm going to remove the dependency in the future release.
Install it via bower:
$ bower install angular-json-human
Include angular-json-human.(js|css) in your project. Load the directive after loading angular.js
<script src="<path to angular.js>"></script>
<script src="<path to angular-json-human.js>"></script>
Specify angular-json-human as a dependency of your Angular module.
var app = angular.module('ngApp', [
'yaru22.jsonHuman'
]);
Use it in your project.
<html ng-app="ngApp">
...
<body ng-controller="MainCtrl">
<div json-human="jsonStr"></div>
...
</body>
</html>
or check out my Plunker for the minimal setup.
$ git clone https://github.com/yaru22/angular-json-human.git
$ cd angular-json-human
$ npm install; bower install
$ # modify the source code in src/
$ grunt clean; grunt build
$ # test your changes; you can modify demo/ and serve it locally to see the changes.
$ # submit a pull request
- Remove the dependency on Lodash.