Use json pretty print in angularjs

Question

How can I use this json pretty print [ http://jsfiddle.net/KJQ9K/ ] with angularJS?

Lets assume myJsonValue is

{a:1, \'b\':\'foo\', c:[false,\'false\',n         


        

Answer 1

You have a few options. What I consider the most "AngularJS" way is to wrap your custom object into an Angular service:

myAngularModule.service('myPrettyPrintService', ,myObject );

The inject that into a controller:

myAngularModule.controller('myTestController', function(myPrettyPrintService){}

Then inside the controller, reference the functions and sort:

myPrettyPrintService.syntaxHighlight();

Since anything defined in JavaScript, is global anyway you could technically just access it inside a controller:

syntaxHighlight();

That may screw up with unit testingt because it adds a external, undefined, dependency to your controller.