json-formatter

WebJar for json-formatter

License	WTFPL
Categories	JSON Data ORM
GroupId	org.webjars.bower
ArtifactId	json-formatter
Last Version	0.6.0
Release Date	Sep 16, 2016
Type	jar
Description	json-formatter WebJar for json-formatter
Project URL	http://webjars.org
Source Code Management	https://github.com/mohsen1/json-formatter

Download json-formatter

Filename	Size
json-formatter-0.6.0.pom
json-formatter-0.6.0.jar	64 KB
json-formatter-0.6.0-sources.jar	22 bytes
json-formatter-0.6.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/json-formatter/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>json-formatter</artifactId>
    <version>0.6.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/json-formatter/
implementation 'org.webjars.bower:json-formatter:0.6.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/json-formatter/
implementation ("org.webjars.bower:json-formatter:0.6.0")

Apache Buildr

'org.webjars.bower:json-formatter:jar:0.6.0'

Apache Ivy

<dependency org="org.webjars.bower" name="json-formatter" rev="0.6.0">
  <artifact name="json-formatter" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='json-formatter', version='0.6.0')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "json-formatter" % "0.6.0"

Leiningen

[org.webjars.bower/json-formatter "0.6.0"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	[1.4.4,2)

Project Modules

There are no modules declared in this project.

JSON Formatter

JSON Formatter is an AngularJS directive for rendering JSON objects in HTML with a collapsible navigation.

Now also available in pure JavaScript with zero dependency!

Usage

• Install via Bower or npm

  bower install json-formatter --save

  ...or

  npm install jsonformatter --save

• Add jsonFormatter to your app dependencies

  angular.module('MyApp', ['jsonFormatter'])

• Use <json-formatter> directive

  <json-formatter json="{my: 'json'}" open="1"></json-formatter>

• open attribute accepts a number which indicates how many levels rendered JSON should be opened

Configuration

You can use JSONFormatterConfig provider to configure JOSN Formatter.

Available configurations

Hover Preview

• hoverPreviewEnabled: enable preview on hover
• hoverPreviewArrayCount: number of array items to show in preview Any array larger than this number will be shown as Array[XXX] where XXX is length of the array.
• hoverPreviewFieldCount: number of object properties to show for object preview. Any object with more properties that thin number will be truncated.

Example using configuration

app.config(function (JSONFormatterConfigProvider) {

  // Enable the hover preview feature
  JSONFormatterConfigProvider.hoverPreviewEnabled = true;
});

Demo

See Examples here

Known Bugs

hashKey

If you are iterating in an array of objects using ng-repeat, make sure you are using track by $index to avoid adding extra $$hashKey to your objects.

Browser Support

All modern browsers are supported. Lowest supported version of Internet Explorer is IE9.

License

Apache 2.0

See LICENSE

Versions

Version
0.6.0 Sep 16, 2016
0.4.2 Jan 23, 2016
0.2.7 May 28, 2015