Added onChange callback support. (#4)

Updated example
fixed jscs task
removed deprecated jscs parameters

Author: rodikh

.jscs.json

@@ -6,10 +6,6 @@
     "requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"],
     "requireSpaceAfterBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!=="],
     "requireSpaceBeforeBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!=="],
-    "disallowLeftStickedOperators": ["?", "+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],
-    "disallowRightStickedOperators": ["?", "+", "/", "*", ":", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],
-    "requireRightStickedOperators": ["!"],
-    "requireLeftStickedOperators": [","],
     "disallowSpaceBeforePostfixUnaryOperators": ["++", "--"],
     "disallowSpaceAfterPrefixUnaryOperators": ["++", "--", "+", "-", "~", "!"],
     "requireOperatorBeforeLineBreak": ["?", "+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],

README.md

@@ -38,6 +38,12 @@ The directive exposes an `isValid` property on the scope, which can be used to e
 <button type="button" ng-disabled="!isValid">Button 1</button>
 ```
 
+### Events
+The directive allows you to pass a callback function through the `on-change` attribute that will be called whenever a change event is fired on the editor.
+```html
+    <json-editor schema="mySchema" startval="myStartVal" buttons-controller="SyncButtonsController" on-change="onChange()">
+```
+
 Building
 ---------
 

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "angular-json-editor",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "authors": [
         "Rodik Hanukaev <[email protected]>",
         "Topaz Bar <[email protected]>"

demo/app.js

@@ -30,6 +30,10 @@ angular.module('demoApp', ['angular-json-editor']).config(function (JsonEditorCo
         age: 20
     };
 
+    $scope.onChange = function () {
+        console.log('Form changed!');
+    };
+
 }).controller('AsyncAppController', function ($scope, $http, $timeout) {
 
     // Load with $http

demo/index.html

@@ -12,7 +12,7 @@
 
 <h2>Synchronous values</h2>
 <div class="container" ng-controller="SyncAppController">
-    <json-editor schema="mySchema" startval="myStartVal" buttons-controller="SyncButtonsController">
+    <json-editor schema="mySchema" startval="myStartVal" buttons-controller="SyncButtonsController" on-change="onChange()">
 
         <button type="submit" class="btn btn-success" ng-click="onSubmit($event)" ng-disabled="!isValid">
             <span class="glyphicon glyphicon-check"></span>

dist/angular-json-editor.min.js

@@ -17,5 +17,5 @@ module.exports = function (grunt) {
     });
 
     grunt.loadNpmTasks('grunt-contrib-jshint');
-    grunt.loadNpmTasks('grunt-jscs-checker');
+    grunt.loadNpmTasks('grunt-jscs');
 };

grunt/codestyle.js

@@ -1,6 +1,6 @@
 {
     "name": "angular-json-editor",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "repository": {
         "type": "git",
         "url": "git://github.com/rodikh/angular-json-editor.git"

package.json

@@ -12,7 +12,8 @@ angular.module('angular-json-editor', []).constant('JsonEditorConfig', {
         scope: {
             schema: '=',
             startval: '=',
-            buttonsController: '@'
+            buttonsController: '@',
+            onChange: '&'
         },
         controller: ['$scope', '$attrs', '$controller', function ($scope, $attrs, $controller) {
 
@@ -81,6 +82,10 @@ angular.module('angular-json-editor', []).constant('JsonEditorConfig', {
                 });
 
                 editor.on('change', function () {
+                    // Fire the onChange callback
+                    if (typeof scope.onChange === 'function') {
+                        scope.onChange();
+                    }
                     scope.$apply(function () {
                         scope.isValid = (editor.validate().length === 0);
                     });