isonet / angular-jsoneditor

Angular wrapper for jsoneditor

angular-jsoneditor

Angular wrapper for jsoneditor

Requirements

• Only AngularJS, the rest is bundled

Usage

NPM:

npm install --save angular-jsoneditor

Don't forget to include the files in your app:

<script src="/node_modules/angular-jsoneditor/dist/angular-jsoneditor.js"></script>

OR

import 'angular-jsoneditor';

Add the 'angular-jsoneditor' module as a dependency to your application module:

const app = angular.module('app', ['angular-jsoneditor']);

Finally, add the directive to your html:

<angular-jsoneditor ng-model="data" options="options" style="width: 100%; height: 400px;"></angular-jsoneditor>

Demo

Check the html file in the demo folder or try this fiddle

Options

Please refer to the jsoneditor API for the different options.

Licence

MIT: see LICENSE