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.
