Angular JS render JSON in tree like format

javascript angularjs angularjs-directive angular-ui angular-ui-bootstrap
Bourne picture Bourne · Mar 4, 2014 · Viewed 19.7k times · Source

How do I render JSON in tree like way just like http://jsonviewer.stack.hu/ does using angular JS?

Answer

Mohsen picture Mohsen · Aug 4, 2014

I've made this Angular directive for rendering JSON in a nice way. It's available in bower:

https://github.com/mohsen1/json-formatter

enter image description here

Related questions

How to set an iframe src attribute from a variable in AngularJS

I'm trying to set the src attribute of an iframe from a variable and I can't get it to work... The markup: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> &…

Read More
Confirmation dialog on ng-click - AngularJS

I am trying to setup a confirmation dialog on an ng-click using a custom angularjs directive: app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; …

Read More
How to set bootstrap navbar active class with Angular JS?

If I have a navbar in bootstrap with the items Home | About | Contact How do I set the active class for each menu item when they are active? That is, how can I set class="active" when the angular route …

Read More