squigg / angular-switcher

Angular Switcher is an AngularJS directive that models toggle switches.

Angular Switcher

Angular Switcher is an AngularJS directive that models toggle switches.

Check out the demo page: http://indrimuska.github.io/angular-switcher.

Installation

Get Angular Switcher from npm, bower or git:

  npm install angular-switcher
bower install angular-switcher
  git clone   https://github.com/indrimuska/angular-switcher.git

Include style and script in your page:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
<script src="//cdn.rawgit.com/indrimuska/angular-switcher/master/dist/angular-switcher.min.js"></script>
<link href="//cdn.rawgit.com/indrimuska/angular-switcher/master/dist/angular-switcher.min.css" rel="stylesheet">

Add switcher dependency to your module:

var app = angular.module('MyApp', ['switcher']);

Demo

http://indrimuska.github.io/angular-switcher

Options

Parameter	Type	Description
ng-model	string	Assignable angular expression to data-bind to.
ng-disabled	expression	If the expression is truthy, it disable the switcher.
true-value	expression	The value to which the expression should be set when selected (default: true).
false-value	expression	The value to which the expression should be set when not selected (default: false).
true-label	string	HTML expression label assigned to the selected value (default: On).
false-label	string	HTML expression label assigned to the unselected value (default: Off).

Events

Callback	Parameters	Description
ng-change	newValue, oldValue	Fired every time the switch has been toggled.

License

Copyright (c) 2015 Indri Muska. Licensed under the MIT license.