Home

Awesome

angular-bootstrap-switch

Bower version NPM version Build Status Apache License

AngularJS directive for the bootstrap-switch jQuery plugin.

Usage

Installation

$ bower install angular-bootstrap-switch

or

$ npm install angular-bootstrap-switch

This will install AngularJS, jQuery, and the original bootstrap-switch.

Registration

To be able to use the directive, you need to register the angular-bootstrap-switch module as a dependency:

angular.module('yourModule', ['frapontillo.bootstrap-switch'
    // other dependencies
]);

Directive

The directive can work on both element and attribute levels. The following example contains all of the supported attributes:

<input
    bs-switch
    ng-model="isSelected"
    type="checkbox"
    switch-active="{{ isActive }}"
    switch-readonly="{{ isReadonly }}"
    switch-size="{{ size }}"
    switch-animate="{{ animate }}"
    switch-label="{{ label }}"
    switch-icon="{{ icon }}"
    switch-on-text="{{ onLabel }}"
    switch-off-text="{{ offLabel }}"
    switch-on-color="{{ on }}"
    switch-off-color="{{ off }}"
    switch-radio-off="{{ radioOff }}"
    switch-label-width="{{ labelWidth }}"
    switch-handle-width="{{ handleWidth }}"
    switch-inverse="{{ inverse }}"
    switch-change="onChange()"
    ng-true-value="'yep'"
    ng-false-value="'nope'">

Short doc for all of the attributes:

Migrating from bootstrap-switch~2

Read the CHANGELOG information to learn what's different in 0.3.0.

Examples

The example folder shows a simple working demo of the switch.

Compatibility

IE8 requires you to attach the directive to an <input type="checkbox"> or <input type="radio">. Due to some incompatibilities it is not possible to use a custom tag or div instead.

Development

Test and build

To build the directive yourself you need to have NodeJS. Then do the following:

$ npm install -g grunt-cli bower karma
$ npm install
$ bower install
$ grunt test-travis
$ grunt build

Contribute

To contribute, please follow the generic AngularJS Contributing Guidelines, with the only exception to send the PR to the develop branch instead of master.

Author

Francesco Pontillo (mailto:francescopontillo@gmail.com)

License

   Copyright 2014-2017 Francesco Pontillo

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.