angular-switcher

Angular Switcher is an AngularJS directive that models toggle switches.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
angular-switcher
5530.2.76 years ago7 years agoMinified + gzip package size for angular-switcher in KB

Readme

Angular Switcher
NPM version NPM downloads MIT License Join the chat at https://gitter.im/indrimuska/angular-switcher
Angular Switcher is an AngularJS directive that models toggle switches.
Check out the demo page: http://indrimuska.github.io/angular-switcher.
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.