Custom method + on/off custom values

README.md

@@ -52,6 +52,22 @@ Add optional on/off text
 </form>
 ```
 
+Add custom values for `ON` / `OFF` (if your model is not based on true/false values)
+```html
+<form>
+  <switch id="enabled" name="enabled" ng-model="enabled" on-value="ACTIVE" off-value="INACTIVE" class="green"></switch>
+  <br>{{ enabled }}
+</form>
+```
+
+Add a custom method to `on-click` event
+```html
+<form>
+  <switch id="enabled" name="enabled" ng-model="enabled" on-click-change="myMethod(with, args)" class="green"></switch>
+  <br>{{ enabled }}
+</form>
+```
+
 Disabled state
 ```html
 <form>

angular-ui-switch.js

@@ -7,10 +7,26 @@ angular.module('uiSwitch', [])
   , transclude: true
   , template: function(element, attrs) {
       var html = '';
+      var extraMethod = '';
+
+      if (attrs.ngOnClick) {
+          extraMethod += '; ' + attrs.ngOnClick;
+      }
+      if (attrs.ngChange) {
+          extraMethod += '; ' + attrs.ngChange + '()';
+      }
+
       html += '<span';
       html +=   ' class="switch' + (attrs.class ? ' ' + attrs.class : '') + '"';
-      html +=   attrs.ngModel ? ' ng-click="' + attrs.disabled + ' ? ' + attrs.ngModel + ' : ' + attrs.ngModel + '=!' + attrs.ngModel + (attrs.ngChange ? '; ' + attrs.ngChange + '()"' : '"') : '';
-      html +=   ' ng-class="{ checked:' + attrs.ngModel + ', disabled:' + attrs.disabled + ' }"';
+
+      if (attrs.onValue && attrs.offValue) {
+          html += attrs.ngModel ? ' ng-click="' + attrs.disabled + ' ? ' + attrs.ngModel + ' : ' + attrs.ngModel + '=(' + attrs.ngModel + '=== \'' + (attrs.onValue || true) + '\' ? \'' + (attrs.offValue || false) + '\':\'' + (attrs.onValue || true) + '\')' + extraMethod + '"' : '';
+          html += ' ng-class="{ checked:' + attrs.ngModel + '===\'' + (attrs.onValue || true) + '\'?' + 'true' + ':' + 'false' + ', disabled:' + attrs.disabled + ' }"';
+      } else {
+          html += attrs.ngModel ? ' ng-click="' + attrs.disabled + ' ? ' + attrs.ngModel + ' : ' + attrs.ngModel + '=!' + attrs.ngModel + extraMethod +'"' : '';
+          html += ' ng-class="{ checked:' + attrs.ngModel + ', disabled:' + attrs.disabled + ' }"';
+      }
+
       html +=   '>';
       html +=   '<small></small>';
       html +=   '<input type="checkbox"';