JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
<script src="https://cdn.rawgit.com/ppimentel/angular-json-view/master/angular-json-view.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/ppimentel/angular-json-view/master/angular-json-view.css">
<div ng-app=Demo ng-controller=Demo>
<json-view json='demo' key='demo'></json-view>
</div>
CSS
*{
list-style-type: none;
}
JavaScript
angular.module('Demo', ['json-view']).controller('Demo', ['$scope', function(scope) {
scope.demo = {
ShortStr: 'Short String',
LongStr: 'Comum string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string Long string ',
ShortNumber: 123456,
LongNumber: 123456123456123456123456123456123456123456123456123456,
NullOrUndefined: undefined,
BooleanTrue: true,
BooleanFalse: false,
MiscArray: [1, 2, 3, 4, 'ShortString', 'ShortString2']
}
scope.demo.NestedDoc = {
isSameDoc: true,
ShortStr: 'Short String',
LongStr: 'Comum string Long string Long string Long string Long string Long string Long string ' + 'Long string Long string Long string Long string Long string Long string Long string Long string...