🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Angular Switcher is an AngularJS directive that models toggle switches.

Forms Plugins

Documentation

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.


You May Also Like