ExampleValueCode
Minimal example
<checkbox
    ng-model="checkboxModel[0]"
></checkbox>
Example with custom name attribute
<checkbox
    ng-model="checkboxModel[1]"
    name="custom-name"
></checkbox>
Example with custom true value

<checkbox
    ng-model="checkboxModel[2]"
    ng-true-value="The Truth"
></checkbox>
Example with custom false value

<checkbox
    ng-model="checkboxModel[3]"
    ng-false-value="The Untruth"
></checkbox>
Example with custom true and false value


<checkbox
    ng-model="checkboxModel[4]"
    ng-true-value="The Truth"
    ng-false-value="The Untruth"
></checkbox>
Example with change listener when clicked

Clicks: 
<checkbox
    ng-model="checkboxModel[5]"
    ng-change="onChange()"
></checkbox>
Example disabled checkbox
<checkbox
    ng-model="checkboxModel[6]"
    ng-disabled="isDisabled === true"
></checkbox>
Example indeterminate state
<checkbox
    ng-model="checkboxModel[7]"
    indeterminate="true"
></checkbox>
Different Sizes (normal, large, larger, largest)

<checkbox
    ng-model="checkboxModel[8]"
></checkbox>
<checkbox large
    ng-model="checkboxModel[8]"
></checkbox>
<checkbox larger
    ng-model="checkboxModel[8]"
></checkbox>
<checkbox largest
    ng-model="checkboxModel[8]"
></checkbox>
Different Styles (normal, primary, success, info, warning, danger)default:


primary:


success:


info:


warning:


danger:		     


     


     


     


     


     
<checkbox
    ng-model="checkboxModel[10]"
></checkbox>
<checkbox class="btn-primary"
    ng-model="checkboxModel[10]"
></checkbox>
<checkbox class="btn-success"
    ng-model="checkboxModel[10]"
></checkbox>
<checkbox class="btn-info"
    ng-model="checkboxModel[10]"
></checkbox>
<checkbox class="btn-warning"
    ng-model="checkboxModel[10]"
></checkbox>
<checkbox class="btn-danger"
    ng-model="checkboxModel[10]"
></checkbox>
Using ng-class (also for checked & unchecked)always:


checked:


unchecked:


both:		     


     


     


     
<checkbox
    ng-class="{'btn-primary': true}"
    ng-model="checkboxModel[12]"
></checkbox>
<checkbox
    ng-class="{'btn-success': checked === true}"
    ng-model="checkboxModel[12]"
></checkbox>
<checkbox
    ng-class="{'btn-warning': checked === false}"
    ng-model="checkboxModel[12]"
></checkbox>
<checkbox
    ng-class="{
        'btn-success': checked === true,
        'btn-warning': checked === false
    }"
    ng-model="checkboxModel[12]"
></checkbox>
app.js:
angular.module("angular-bootstrap-checkbox-test", ["ui.checkbox"])
.controller("index", function($scope) {
    $scope.checkboxModel = [
        false, false, false,false, false, false, false, false, false, true, false, true
    ];

    $scope.changes = 0;
    $scope.onChange = function() {
        $scope.changes++;
    };

    $scope.isDisabled = false;
});